@import url(https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,200;0,400;0,500;0,700;0,900;1,200;1,400;1,500;1,700;1,900&family=Poppins:ital,wght@0,100;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.hamburger{cursor:pointer;display:flex}.hamburger svg{transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1);transition:transform .5s cubic-bezier(.4,0,.2,1);transition:transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1)}.hamburger.active svg{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.hamburger.active path:first-child{-webkit-transform:translateX(9px) translateY(1px) rotate(45deg);transform:translateX(9px) translateY(1px) rotate(45deg)}.hamburger.active path:nth-child(2){stroke-dasharray:225 299;stroke-dashoffset:-72px}.hamburger.active path:nth-child(3){-webkit-transform:translateX(9px) translateY(1px) rotate(-45deg);transform:translateX(9px) translateY(1px) rotate(-45deg)}.hamburger.active path:nth-child(4){stroke-dasharray:225 299;stroke-dashoffset:-72px}.hamburger.active path:nth-child(5){-webkit-transform:translateX(9px) translateY(1px) rotate(-45deg);transform:translateX(9px) translateY(1px) rotate(-45deg)}.hamburger.active path:nth-child(6){-webkit-transform:translateX(9px) translateY(1px) rotate(45deg);transform:translateX(9px) translateY(1px) rotate(45deg)}.hamburger path{transition:stroke-dasharray .5s cubic-bezier(.4,0,.2,1),stroke-dashoffset .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1);transition:transform .5s cubic-bezier(.4,0,.2,1),stroke-dasharray .5s cubic-bezier(.4,0,.2,1),stroke-dashoffset .5s cubic-bezier(.4,0,.2,1);transition:transform .5s cubic-bezier(.4,0,.2,1),stroke-dasharray .5s cubic-bezier(.4,0,.2,1),stroke-dashoffset .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1)}.hamburger path:first-child{-webkit-transform-origin:36% 40%;transform-origin:36% 40%}.hamburger path:nth-child(2){stroke-dasharray:29 299}.hamburger path:nth-child(3){-webkit-transform-origin:35% 63%;transform-origin:35% 63%}.hamburger path:nth-child(4){stroke-dasharray:29 299}.hamburger path:nth-child(5){-webkit-transform-origin:61% 52%;transform-origin:61% 52%}.hamburger path:nth-child(6){-webkit-transform-origin:62% 52%;transform-origin:62% 52%}.sidebar-menu{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:100%;padding:20px;background-color:#f9564f;display:flex;flex-direction:column;position:fixed;display:block;top:0;right:0;transition:.5s ease;opacity:0;z-index:10;-webkit-transform:translateX(100%);transform:translateX(100%)}.sidebar-menu .logo{width:100%;display:flex;justify-content:space-between;align-items:center;color:#fff;margin-bottom:50%}.sidebar-menu .logo i svg{width:35px;height:25px}.sidebar-menu .logo #closeIcon:hover{cursor:pointer}.sidebar-menu.active{-webkit-transform:translateX(0);transform:translateX(0);right:0;opacity:1}.navbar-brand{font-size:25px;color:#fff!important}.navbar-brand,.navbar-brand b{font-family:"Montserrat Alternates",sans-serif}.navbar-brand b{color:#fcdebe;font-weight:900}.menu{color:hsla(0,0%,100%,.795);text-transform:uppercase;font-size:40px;text-align:right}.menu li{list-style:none;margin-bottom:10px;position:relative}.menu li a{text-decoration:none;color:hsla(0,0%,100%,.63);font-weight:800;transition:.4s ease;margin-right:30px}.menu li a.active{color:#fff;-webkit-animation:activeLinkAnimation .2s infinite;animation:activeLinkAnimation .8s infinite}.menu li a:hover{color:#fff}.menu li:after{content:"";width:10px;height:10px;border:2px solid #fff;border-radius:50%;position:absolute;top:50%;right:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media screen and (min-width:320px) and (max-width:330px){.sidebar-menu{width:80%;padding:10px}.sidebar-menu .navbar-brand{font-size:17px}.sidebar-menu .closeIcon{display:flex}.sidebar-menu .menu{padding:10px}.sidebar-menu .menu li{font-size:37px}}@media screen and (min-width:331px) and (max-width:370px){.sidebar-menu{width:80%;padding:20px}.sidebar-menu .navbar-brand{font-size:19px}.sidebar-menu .closeIcon{display:flex}.sidebar-menu .closeIcon svg{width:45px;height:25px}.sidebar-menu .menu{padding:0}.sidebar-menu .menu li{font-size:35px}.sidebar-menu .menu li a{margin-right:35px}}@media screen and (min-width:371px) and (max-width:500px){.sidebar-menu{width:80%;padding:20px}.sidebar-menu .logo{margin-bottom:70%}.sidebar-menu .navbar-brand{font-size:19px}.sidebar-menu .closeIcon{display:flex}.sidebar-menu .closeIcon svg{width:45px;height:25px}.sidebar-menu .menu{padding:0}.sidebar-menu .menu li{font-size:35px}.sidebar-menu .menu li a{margin-right:35px}}@media screen and (min-width:501px) and (max-width:767px){.sidebar-menu{padding:20px}.sidebar-menu .logo{margin-bottom:70%}.sidebar-menu .navbar-brand{font-size:19px}.sidebar-menu .closeIcon{display:flex}.sidebar-menu .closeIcon svg{width:45px;height:25px}.sidebar-menu .menu{padding:0}.sidebar-menu .menu li{font-size:35px}.sidebar-menu .menu li a{margin-right:35px}}@-webkit-keyframes activeLinkAnimation{0%{text-shadow:5px 4px rgba(252,222,190,.580392),-5px -6px rgba(11,19,43,.796078)}25%{text-shadow:-5px -6px rgba(252,222,190,.580392),5px 4px rgba(11,19,43,.796078)}50%{text-shadow:5px -4px rgba(252,222,190,.580392),-8px 4px rgba(11,19,43,.796078)}75%{text-shadow:-8px -4px rgba(252,222,190,.580392),-5px -4px rgba(11,19,43,.796078)}to{text-shadow:-5px 0 rgba(252,222,190,.580392),5px -4px rgba(11,19,43,.796078)}}@keyframes activeLinkAnimation{0%{text-shadow:5px 4px rgba(252,222,190,.580392),-5px -6px rgba(11,19,43,.796078)}25%{text-shadow:-5px -6px rgba(252,222,190,.580392),5px 4px rgba(11,19,43,.796078)}50%{text-shadow:5px -4px rgba(252,222,190,.580392),-8px 4px rgba(11,19,43,.796078)}75%{text-shadow:-8px -4px rgba(252,222,190,.580392),-5px -4px rgba(11,19,43,.796078)}to{text-shadow:-5px 0 rgba(252,222,190,.580392),5px -4px rgba(11,19,43,.796078)}}@keyframes fadeInUp{0%{-webkit-transform:translateY(40px);transform:translateY(40px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes fadeInUp{0%{-webkit-transform:translateY(40px);transform:translateY(40px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fadeInUp{animation-name:fadeInUp;-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp}@-webkit-keyframes animNav{0%{-webkit-transform:translateY(-30px);transform:translateY(-30px);opacity:.3}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes animNav{0%{-webkit-transform:translateY(-30px);transform:translateY(-30px);opacity:.3}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background-color:#f9564f;border-radius:5px}::-webkit-scrollbar-track{background-color:#000}*,:after,:before{-webkit-user-select:none;-ms-user-select:none;user-select:none}body{background-color:#0b132b!important;overflow-x:hidden!important;scroll-behavior:smooth}nav.navbar{padding:15px 10px;-webkit-animation:animNav 1s ease;animation:animNav 1s ease;transition:all 1s linear}nav.navbar .container-fluid{display:flex;justify-content:space-between;align-items:center}nav.navbar .navbar-brand{font-size:25px;color:#fff!important;font-family:"Montserrat Alternates",sans-serif;text-decoration:none}nav.navbar .navbar-brand b{font-family:"Montserrat Alternates",sans-serif;color:#f9564f;font-weight:900}.aboutInfo{display:flex;justify-content:center;flex-direction:row-reverse;padding:40px 40px 0}.aboutInfo .side1{width:55%}.aboutInfo .side1 .title{font-size:70px;font-family:"Montserrat Alternates",sans-serif;color:#fff;font-weight:700;height:255px}.aboutInfo .side1 .description{width:75%;color:#e7e7e7;font-size:28px;font-family:"Montserrat Alternates",sans-serif}.aboutInfo .side1 .buttons{display:flex}.aboutInfo .side1 .buttons .aboutBtn{background-color:#fcdebe;padding:17px 40px;color:#000;font-size:20px;text-decoration:none;font-family:"Montserrat Alternates",sans-serif;font-weight:500;display:flex;align-items:center}.aboutInfo .side1 .buttons .aboutBtn .buttonIcon{margin-left:10px;-webkit-animation:aboutBtnAnimation 5s linear 1s infinite;animation:aboutBtnAnimation 5s linear 1s infinite}.aboutInfo .side1 .buttons .portfolioBtn{padding:17px 40px 17px 10px;font-size:20px;text-decoration:none;font-family:"Montserrat Alternates",sans-serif;font-weight:500;margin-left:10px;background-color:#f9564f;color:#000;display:flex;align-items:center;position:relative}.aboutInfo .side1 .buttons .portfolioBtn .indicator{position:absolute;right:15px;width:9px;height:9px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.aboutInfo .side1 .buttons .portfolioBtn .indicator .arrowToRight{position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border:2px solid #fcdebe;border-top:none;border-left:none;transition:all 1s linear;-webkit-animation:animate 1s linear 1s infinite;animation:animate 1s linear 1s infinite}.aboutInfo .side1 .buttons .portfolioBtn .indicator .arrowToRight:first-child{top:-6px;left:-6px;-webkit-animation-delay:0s;animation-delay:0s}.aboutInfo .side1 .buttons .portfolioBtn .indicator .arrowToRight:nth-child(2){top:-3px;left:-3px;-webkit-animation-delay:.2s;animation-delay:.2s}.aboutInfo .side1 .buttons .portfolioBtn .indicator .arrowToRight:nth-child(3){top:0;left:0;-webkit-animation-delay:.4s;animation-delay:.4s}@-webkit-keyframes animate{0%{border-color:#fcdebe;-webkit-transform:translate(0);transform:translate(0)}20%{border-color:#fcdebe;-webkit-transform:translate(3px,3px);transform:translate(3px,3px)}20.1%,to{border-color:#000}}@keyframes animate{0%{border-color:#fcdebe;-webkit-transform:translate(0);transform:translate(0)}20%{border-color:#fcdebe;-webkit-transform:translate(3px,3px);transform:translate(3px,3px)}20.1%,to{border-color:#000}}@-webkit-keyframes aboutBtnAnimation{20%,to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes aboutBtnAnimation{20%,to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.aboutInfo .side1 .socialNet{margin:80px auto 0;display:flex;padding:0;justify-content:space-between;width:300px}.aboutInfo .side1 .socialNet li{list-style:none;margin-right:5px}.aboutInfo .side1 .socialNet li a.links{text-decoration:none;display:block;width:60px;height:60px;background:#fff;text-align:left;-webkit-transform:rotate(0deg) skew(0deg) translate(0);transform:rotate(0deg) skew(0deg) translate(0);transition:.5s;box-shadow:-20px 20px 10px rgba(0,0,0,.5)}.aboutInfo .side1 .socialNet li a.links .iconSvg{font-size:45px;color:#262626;line-height:60px;transition:.5s;display:block;margin:0 auto;height:100%}.aboutInfo .side1 .socialNet li a.links:before{content:"";position:absolute;top:5px;left:-10px;height:100%;width:10px;background:#b1b1b1;-webkit-transform:.5s;transform:.5s;-webkit-transform:rotate(0deg) skewY(-45deg);transform:rotate(0deg) skewY(-45deg)}.aboutInfo .side1 .socialNet li a.links:after{content:"";position:absolute;bottom:-10px;left:-5px;height:10px;width:100%;background:#b1b1b1;-webkit-transform:.5s;transform:.5s;-webkit-transform:rotate(0deg) skewX(-45deg);transform:rotate(0deg) skewX(-45deg)}.aboutInfo .side1 .socialNet li a.links:hover{-webkit-transform:rotate(0deg) skew(0deg) translateY(-20px);transform:rotate(0deg) skew(0deg) translateY(-20px);box-shadow:-50px 50px 50px rgba(0,0,0,.5)}.aboutInfo .side1 .socialNet li:hover a.links .iconSvg,.aboutInfo .side1 .socialNet li:hover a.links span{color:#fff}.aboutInfo .side1 .socialNet li:first-child:hover a{background:red}.aboutInfo .side1 .socialNet li:first-child:hover a:before{background:#a00c0c}.aboutInfo .side1 .socialNet li:first-child:hover a:after{background:#fc4545}.aboutInfo .side1 .socialNet li:nth-child(2):hover a{background:#c13584}.aboutInfo .side1 .socialNet li:nth-child(2):hover a:before{background:#991a62}.aboutInfo .side1 .socialNet li:nth-child(2):hover a:after{background:#f847ab}.aboutInfo .side1 .socialNet li:nth-child(3):hover a{background:#00aced}.aboutInfo .side1 .socialNet li:nth-child(3):hover a:before{background:#097aa5}.aboutInfo .side1 .socialNet li:nth-child(3):hover a:after{background:#53b9e0}.aboutInfo .side1 .socialNet li:nth-child(4):hover a{background:#333}.aboutInfo .side1 .socialNet li:nth-child(4):hover a:before{background:#534b4b}.aboutInfo .side1 .socialNet li:nth-child(4):hover a:after{background:#707070}.aboutInfo .side2 .homeImage{width:83%;height:auto;border-radius:50%}.titles{text-align:center;margin-top:75px}.titles .title1{font-size:45px;font-weight:900;margin:0;color:#fff;letter-spacing:2px}.titles .title1,.titles .title2{font-family:"Montserrat Alternates",sans-serif}.titles .title2{font-size:30px;color:#f9564f;letter-spacing:.7px}.row .plus{display:flex;justify-content:center;align-items:center;overflow:hidden;position:fixed;bottom:30px;right:30px;z-index:1;width:50px;height:50px;color:#000;background:#f9564f;border-radius:50%;border:1px solid #0b132b;transition:box-shadow .4s cubic-bezier(.2,0,.7,1),-webkit-transform .2s cubic-bezier(.2,0,.7,1);transition:box-shadow .4s cubic-bezier(.2,0,.7,1),transform .2s cubic-bezier(.2,0,.7,1);transition:box-shadow .4s cubic-bezier(.2,0,.7,1),transform .2s cubic-bezier(.2,0,.7,1),-webkit-transform .2s cubic-bezier(.2,0,.7,1);opacity:0;transition:opacity 1s linear}.row .plus svg{font-size:2em;line-height:1.1em;display:block;margin:0 auto}.row .plus:hover{box-shadow:0 0 1px 15px rgba(138,59,88,.4),0 0 1px 30px rgba(138,59,88,.1),0 0 1px 45px rgba(138,59,88,.1)}.row .plus:hover svg{-webkit-animation:upButtonAnimation 1.5s ease infinite;animation:upButtonAnimation 1.5s ease infinite}.row .plus.show{opacity:1}@-webkit-keyframes upButtonAnimation{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes upButtonAnimation{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.row .col-md-12{padding-top:50px}.row .col-md-12 .projectCard{display:flex;margin:50px 0}.row .col-md-12 .projectCard .projectImage{width:50%;border-radius:5px}.row .col-md-12 .projectCard .aboutProject{margin:30px 50px}.row .col-md-12 .projectCard .aboutProject .projectDescription .projectName{color:#fff;font-weight:600;font-family:"Montserrat Alternates",sans-serif}.row .col-md-12 .projectCard .aboutProject .projectDescription .projectParagraph{color:#e7e7e7;margin:10px 0 30px;font-family:"Montserrat Alternates",sans-serif}.row .col-md-12 .projectCard .aboutProject .projectDescription .testLogin{margin:0;color:#e7e7e7;font-family:"Montserrat Alternates",sans-serif}.row .col-md-12 .projectCard .aboutProject .projectDescription .testPassword{margin-bottom:20px;color:#e7e7e7;font-family:"Montserrat Alternates",sans-serif}.row .col-md-12 .projectCard .aboutProject .projectButtons{height:60px;display:flex;justify-content:flex-start;align-items:center}.row .col-md-12 .projectCard .aboutProject .projectButtons .liveButton{background-color:#f9564f;padding:17px 35px;color:#000;text-decoration:none;font-size:20px;font-family:"Montserrat Alternates",sans-serif;font-weight:500;margin-right:10px}.row .col-md-12 .projectCard .aboutProject .projectButtons .liveButton svg{margin:0 10px}.row .col-md-12 .projectCard .aboutProject .projectButtons .demoButton{background-color:#fcdebe;padding:17px 25px;color:#000;text-decoration:none;font-size:20px;font-family:"Montserrat Alternates",sans-serif;font-weight:500}.row .col-md-12 .projectCard .aboutProject .projectButtons .demoButton svg{margin:0 10px}.row .pagination{width:100%;display:flex;justify-content:center}.row .pagination .page-item .page-link{background-color:#fcdebe;color:#f9564f;transition:all .3s linear;font-weight:500;outline:none;border:none}.row .pagination .page-item.active .page-link{background-color:#f9564f;color:#0b132b;z-index:0}.row .pagination .page-item .page-link:hover{background-color:#f9564f;color:#0b132b}.setupMain .setupImage{display:flex;justify-content:center}.setupMain .setupImage img{margin-top:100px;width:80%;border-radius:10px}.setupMain .container .row{justify-content:center}.setupMain .container .row .col-md-8 .mySetup{padding:50px 75px}.setupMain .container .row .col-md-8 .mySetup .laptopSpecs{display:flex;justify-content:center;margin-bottom:40px}.setupMain .container .row .col-md-8 .mySetup .laptopSpecs ul a{display:flex;text-decoration:none;cursor:pointer}.setupMain .container .row .col-md-8 .mySetup .laptopSpecs ul a svg{color:#fff;font-size:30px;margin:0 5px;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;font-family:"Montserrat Alternates",sans-serif}.setupMain .container .row .col-md-8 .mySetup .laptopSpecs ul a h2{font-family:"Montserrat Alternates",sans-serif;color:#fff;font-weight:600}.setupMain .container .row .col-md-8 .mySetup .laptopSpecs ul a:hover svg{-webkit-transform:scale(1.2) rotate(30deg) translateX(10px) translateY(-10px);transform:scale(1.2) rotate(30deg) translateX(10px) translateY(-10px);font-weight:900;color:#f9564f}.setupMain .container .row .col-md-8 .mySetup .laptopSpecs ul li{color:#e7e7e7;font-family:"Montserrat Alternates",sans-serif;margin:20px 30px 10px;font-size:20px;width:100%}.setupMain .container .row .col-md-8 .mySetup .laptopSpecs ul p{color:#f9564f}.aboutMeMain{display:flex;justify-content:center;align-items:flex-start;padding:85px}.aboutMeMain img.myImage{width:50%;height:auto;border-radius:20px}.aboutMeMain .aboutMeText{padding:0 0 30px 45px;font-size:26px;width:95%;color:#fff;font-family:"Montserrat Alternates",sans-serif}.aboutMeMain .aboutMeText .stack{padding:30px 0}.footer{padding:20px;background-color:#0b132b;text-align:center;position:fixed;bottom:0;left:0;width:100vw;height:70px}.footer a{text-decoration:none}.footer a,.footer a:hover{color:#fcdebe}.footer span.heartIcon{-webkit-animation:heart-beat 1s ease infinite;animation:heart-beat 1s ease infinite;margin-left:3px;position:absolute}@-webkit-keyframes heart-beat{0%{font-size:18px}to{font-size:16px}}@keyframes heart-beat{0%{font-size:18px}to{font-size:16px}}@media screen and (min-width:1200px){.aboutInfo .side1 .socialNet{margin:45px auto 0 10px}}@media screen and (min-width:1025px) and (max-width:1200px){nav.navbar{padding:12px}nav.navbar .container-fluid{padding:0}nav.navbar .navbar-brand{font-size:25px;padding:0}nav.navbar .navbar-toggler{background-color:#f9564f;border-radius:0}nav.navbar .navbar-toggler span{font-size:15px}nav.navbar .navbar-nav .nav-item{margin:20px;font-size:18px;text-align:center}.aboutInfo{display:flex;padding:50px 0;align-items:flex-end}.aboutInfo .side2{width:70%;text-align:center}.aboutInfo .side2 .homeImage{width:90%}.aboutInfo .side1{text-align:center;width:100%}.aboutInfo .side1 h1.title{font-size:40px;height:100px}.aboutInfo .side1 p.description{font-size:25px;width:100%;padding:0 15px;margin:20px 0 35px}.aboutInfo .side1 .buttons{justify-content:center}.aboutInfo .side1 .buttons .aboutBtn,.aboutInfo .side1 .buttons .portfolioBtn{padding:15px 35px;font-size:20px}.aboutInfo .side1 .socialNet{margin:45px auto}.aboutInfo .side1 .socialNet .links{padding:0;margin:10px}}@media screen and (min-width:993px) and (max-width:1024px){nav.navbar{padding:12px}nav.navbar .container-fluid{padding:0}nav.navbar .navbar-brand{font-size:23px;padding:0}nav.navbar .navbar-toggler{background-color:#f9564f;border-radius:0}nav.navbar .navbar-toggler span{font-size:15px}nav.navbar .navbar-nav .nav-item{margin:20px;font-size:18px;text-align:center}.aboutInfo{display:flex;padding:100px 0;align-items:center}.aboutInfo .side2{text-align:center}.aboutInfo .side2 .homeImage{width:90%}.aboutInfo .side1{text-align:center;width:100%}.aboutInfo .side1 h1.title{font-size:35px;height:85px}.aboutInfo .side1 p.description{font-size:22px;width:100%;padding:0 15px;margin:15px 0 25px}.aboutInfo .side1 .buttons{justify-content:center}.aboutInfo .side1 .buttons .aboutBtn,.aboutInfo .side1 .buttons .portfolioBtn{padding:15px;font-size:20px}.aboutInfo .side1 .buttons .portfolioBtn{padding:15px 30px 15px 15px}.aboutInfo .side1 .buttons .portfolioBtn .indicator{right:10px;width:9px;height:9px}.aboutInfo .side1 .socialNet .links{padding:0;margin:10px}}@media screen and (min-width:768px) and (max-width:992px){nav.navbar{padding:12px!important}nav.navbar .container-fluid{padding:0}nav.navbar .navbar-brand{font-size:20px;padding:0 10px}nav.navbar .navbar-toggler{background-color:#f9564f;border-radius:0}nav.navbar .navbar-toggler span{font-size:15px}nav.navbar .navbar-nav .nav-item{margin:20px;font-size:18px;text-align:center}.aboutInfo{display:flex;padding:100px 0;align-items:center}.aboutInfo .side2{text-align:center}.aboutInfo .side2 .homeImage{width:90%}.aboutInfo .side1{text-align:center;width:100%}.aboutInfo .side1 h1.title{font-size:35px;height:130px}.aboutInfo .side1 p.description{font-size:22px;width:100%;padding:0 15px;margin:15px 0 25px}.aboutInfo .side1 .buttons{justify-content:center}.aboutInfo .side1 .buttons .aboutBtn,.aboutInfo .side1 .buttons .portfolioBtn{padding:15px 20px;font-size:20px}.aboutInfo .side1 .buttons .portfolioBtn{padding:15px 30px 15px 15px}.aboutInfo .side1 .buttons .portfolioBtn .indicator{right:10px;width:9px;height:9px}.aboutInfo .side1 .socialNet .links{padding:0;margin:10px}}@media screen and (min-width:501px) and (max-width:767px){nav.navbar,nav.navbar .container-fluid{padding:0}nav.navbar .navbar-brand{font-size:28px;padding:0}nav.navbar .navbar-toggler{background-color:#f9564f;border-radius:0}nav.navbar .navbar-toggler span{font-size:15px}nav.navbar .navbar-nav .nav-item{margin:20px 0;font-size:17px;text-align:center}.aboutInfo{display:flex;padding:30px 0;flex-direction:column;align-items:center;width:100%}.aboutInfo .side2{text-align:center}.aboutInfo .side2 .homeImage{width:330px}.aboutInfo .side1{text-align:center;width:100%;padding:10px}.aboutInfo .side1 h1.title{font-size:35px;height:85px}.aboutInfo .side1 p.description{font-size:25px;width:100%;padding:0 15px;margin:15px 0 25px}.aboutInfo .side1 .buttons{justify-content:center}.aboutInfo .side1 .buttons .aboutBtn,.aboutInfo .side1 .buttons .portfolioBtn{padding:15px;font-size:20px}.aboutInfo .side1 .buttons .portfolioBtn{padding:15px 30px 15px 15px}.aboutInfo .side1 .buttons .portfolioBtn .indicator{right:10px;width:9px;height:9px}.aboutInfo .side1 .socialNet .links{padding:0;margin:10px}.footer{padding:10px 0 15px}}@media screen and (min-width:371px) and (max-width:500px){nav.navbar,nav.navbar .container-fluid{padding:0}nav.navbar .navbar-brand{font-size:24px;padding:0}nav.navbar .navbar-toggler{background-color:#f9564f;border-radius:0}nav.navbar .navbar-toggler span{font-size:15px}nav.navbar .navbar-nav .nav-item{margin:20px 0;font-size:17px;text-align:center}.aboutInfo{display:flex;padding:30px 0;flex-direction:column;align-items:center}.aboutInfo .side2{text-align:center}.aboutInfo .side2 .homeImage{width:60%}.aboutInfo .side1{text-align:center;width:100%;margin-top:20px}.aboutInfo .side1 h1.title{font-size:27px;height:65px}.aboutInfo .side1 p.description{font-size:15px;width:100%;padding:0 15px;margin:15px 0 25px}.aboutInfo .side1 .buttons{justify-content:center}.aboutInfo .side1 .buttons .aboutBtn,.aboutInfo .side1 .buttons .portfolioBtn{padding:15px;font-size:15px}.aboutInfo .side1 .buttons .portfolioBtn{padding:15px 30px 15px 15px}.aboutInfo .side1 .buttons .portfolioBtn .indicator{right:10px;width:8px;height:8px}.aboutInfo .side1 .socialNet .links{padding:0;margin:10px}.footer{padding:10px 0 15px}.footer a{font-size:12px}}@media screen and (min-width:331px) and (max-width:370px){nav.navbar,nav.navbar .container-fluid{padding:0}nav.navbar .navbar-brand{font-size:20px;padding:0 10px}nav.navbar .navbar-toggler{background-color:#f9564f;border-radius:0}nav.navbar .navbar-toggler span{font-size:15px}nav.navbar .navbar-nav .nav-item{margin:20px 0;font-size:17px;text-align:center}.aboutInfo{display:flex;padding:30px 0;flex-direction:column;align-items:center}.aboutInfo .side2{text-align:center}.aboutInfo .side2 .homeImage{width:60%}.aboutInfo .side1{text-align:center;width:100%}.aboutInfo .side1 h1.title{font-size:27px!important;height:65px}.aboutInfo .side1 p{font-size:15px!important;width:100%!important;padding:0 15px!important;margin:15px 0 25px!important}.aboutInfo .side1 .buttons{justify-content:center}.aboutInfo .side1 .buttons .aboutBtn,.aboutInfo .side1 .buttons .portfolioBtn{padding:15px;font-size:15px}.aboutInfo .side1 .buttons .portfolioBtn{padding:15px 30px 15px 15px}.aboutInfo .side1 .buttons .portfolioBtn .indicator{right:10px;width:8px;height:8px}.aboutInfo .side1 .socialNet{width:80%;margin:50px auto 0}.aboutInfo .side1 .socialNet .links{padding:0;margin-right:5px}.footer{padding:10px 0 15px}.footer a{font-size:12px}}@media screen and (min-width:320px) and (max-width:330px){nav.navbar,nav.navbar .container-fluid{padding:0}nav.navbar a.navbar-brand{font-size:20px;padding:0}nav.navbar .navbar-toggler{background-color:#f9564f;border-radius:0}nav.navbar .navbar-toggler span{font-size:15px}nav.navbar .navbar-nav .nav-item{margin:20px 0;font-size:17px;text-align:center}.aboutInfo{display:flex;padding:30px 10px;flex-direction:column;align-items:center}.aboutInfo .side2{text-align:center;width:100%}.aboutInfo .side2 .homeImage{width:100%}.aboutInfo .side1{text-align:center;width:100%;margin:20px auto}.aboutInfo .side1 .title{font-size:27px!important;height:100px}.aboutInfo .side1 p{font-size:15px!important;width:100%!important;padding:0 15px!important;margin:15px 0 25px!important}.aboutInfo .side1 .buttons{justify-content:center}.aboutInfo .side1 .buttons .aboutBtn,.aboutInfo .side1 .buttons .portfolioBtn{padding:15px;font-size:15px;height:55px}.aboutInfo .side1 .buttons .portfolioBtn{padding:15px 35px 15px 10px}.aboutInfo .side1 .buttons .portfolioBtn .indicator{right:10px;width:8px;height:8px}.aboutInfo .side1 .socialNet{width:90%;margin:50px auto 0}.aboutInfo .side1 .socialNet .links{padding:0;margin-right:5px}.footer{padding:10px 0 15px}.footer a{font-size:12px}}@media screen and (min-width:320px) and (max-width:330px){.titles{margin-top:20px}.titles .title1{font-size:30px}.titles .title2{font-size:20px}.row .col-md-12{padding-top:10px}.row .col-md-12 .projectCard{display:flex;flex-direction:column;margin:0;align-items:center}.row .col-md-12 .projectCard .projectImage{width:90%;border-radius:5px}.row .col-md-12 .projectCard .aboutProject{text-align:center;margin:15px 20px}.row .col-md-12 .projectCard .aboutProject .projectDescription .projectParagraph{margin:10px 0 15px}.row .col-md-12 .projectCard .aboutProject .projectButtons{justify-content:center}.row .col-md-12 .projectCard .aboutProject .projectButtons .demoButton,.row .col-md-12 .projectCard .aboutProject .projectButtons .liveButton{display:block;padding:10px 20px}}@media (min-width:331px) and (max-width:500px){.titles{margin-top:20px}.titles .title1{font-size:30px}.titles .title2{font-size:20px}.row .col-md-12{padding-top:10px}.row .col-md-12 .projectCard{display:flex;flex-direction:column;margin:0;align-items:center}.row .col-md-12 .projectCard .projectImage{width:90%;border-radius:5px}.row .col-md-12 .projectCard .aboutProject{text-align:center;margin:15px 20px}.row .col-md-12 .projectCard .aboutProject .projectDescription .projectParagraph{margin:10px 0 15px}.row .col-md-12 .projectCard .aboutProject .projectButtons{justify-content:center}.row .col-md-12 .projectCard .aboutProject .projectButtons .demoButton,.row .col-md-12 .projectCard .aboutProject .projectButtons .liveButton{display:block;padding:10px 20px}}@media (min-width:500px) and (max-width:767px){.titles{margin-top:20px}.titles .title1{font-size:45px}.titles .title2{font-size:30px}.row .col-md-12{padding-top:10px}.row .col-md-12 .projectCard{display:flex;flex-direction:column;margin:0;align-items:center}.row .col-md-12 .projectCard .projectImage{width:90%;border-radius:5px}.row .col-md-12 .projectCard .aboutProject{text-align:center;margin:15px 20px}.row .col-md-12 .projectCard .aboutProject .projectDescription .projectParagraph{margin:10px 0 15px}.row .col-md-12 .projectCard .aboutProject .projectButtons{justify-content:center}.row .col-md-12 .projectCard .aboutProject .projectButtons .liveButton{padding:10px 40px}.row .col-md-12 .projectCard .aboutProject .projectButtons .demoButton{display:block;padding:10px 40px}}@media (min-width:767px) and (max-width:1024px){.titles{margin-top:20px}.titles .title1{font-size:45px}.titles .title2{font-size:30px}.row .col-md-12{padding-top:10px}.row .col-md-12 .projectCard{display:flex;margin:20px 0;align-items:center;justify-content:center}.row .col-md-12 .projectCard .projectImage{width:60%;border-radius:5px}.row .col-md-12 .projectCard .aboutProject{width:40%;text-align:center;margin:15px 20px}.row .col-md-12 .projectCard .aboutProject .projectDescription .projectParagraph{margin:10px 0 15px}.row .col-md-12 .projectCard .aboutProject .projectButtons{justify-content:center}.row .col-md-12 .projectCard .aboutProject .projectButtons .liveButton{padding:10px;width:45%}.row .col-md-12 .projectCard .aboutProject .projectButtons .demoButton{display:block;padding:10px 8px;width:55%}}@media screen and (max-width:330px){.aboutMeMain{display:flex;padding:25px;flex-direction:column}.aboutMeMain img.myImage{width:80%;height:auto;border-radius:20px;margin:10px auto 30px}.aboutMeMain .aboutMeText{padding:0;width:100%;text-align:center;font-size:20px}}@media screen and (min-width:331px) and (max-width:568px){.aboutMeMain{display:flex;padding:25px;flex-direction:column}.aboutMeMain img.myImage{width:80%;height:auto;border-radius:20px;margin:10px auto 30px}.aboutMeMain .aboutMeText{padding:0;width:100%;text-align:center;font-size:20px}}@media screen and (min-width:569px) and (max-width:768px){.aboutMeMain{display:flex;padding:30px 30px 0;flex-direction:column}.aboutMeMain img.myImage{width:90%;height:auto;border-radius:20px;margin:10px auto 30px}.aboutMeMain .aboutMeText{padding:0;width:100%;text-align:center;font-size:30px}}
/*# sourceMappingURL=main.b342e1a7.chunk.css.map */