@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital@0;1&family=Oswald&display=swap);@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css);.row{display:flex;flex-wrap:wrap}.row .col{padding:5 15px;flex:1 1}.row .col-1{flex:1 1;padding:5px 15px;position:relative}.row .col-1:first-child{padding-left:0}.row .col-1:last-child{padding-right:0}.row .col-2{flex:2 1;padding:5px 15px;position:relative}.row .col-2:first-child{padding-left:0}.row .col-2:last-child{padding-right:0}.row .col-3{flex:3 1;padding:5px 15px;position:relative}.row .col-3:first-child{padding-left:0}.row .col-3:last-child{padding-right:0}.row .col-4{flex:4 1;padding:5px 15px;position:relative}.row .col-4:first-child{padding-left:0}.row .col-4:last-child{padding-right:0}.row .col-5{flex:5 1;padding:5px 15px;position:relative}.row .col-5:first-child{padding-left:0}.row .col-5:last-child{padding-right:0}.row .col-6{flex:6 1;padding:5px 15px;position:relative}.row .col-6:first-child{padding-left:0}.row .col-6:last-child{padding-right:0}.row .col-7{flex:7 1;padding:5px 15px;position:relative}.row .col-7:first-child{padding-left:0}.row .col-7:last-child{padding-right:0}.row .col-8{flex:8 1;padding:5px 15px;position:relative}.row .col-8:first-child{padding-left:0}.row .col-8:last-child{padding-right:0}.row .col-9{flex:9 1;padding:5px 15px;position:relative}.row .col-9:first-child{padding-left:0}.row .col-9:last-child{padding-right:0}.row .col-10{flex:10 1;padding:5px 15px;position:relative}.row .col-10:first-child{padding-left:0}.row .col-10:last-child{padding-right:0}.row .col-11{flex:11 1;padding:5px 15px;position:relative}.row .col-11:first-child{padding-left:0}.row .col-11:last-child{padding-right:0}.row .col-12{flex:12 1;padding:5px 15px;position:relative}.row .col-12:first-child{padding-left:0}.row .col-12:last-child{padding-right:0}body,html{overflow-x:hidden}body{position:relative;font-family:"Open Sans",sans-serif;font-size:16px;line-height:1.5;background-color:#333;max-width:100%;overflow-x:hidden}body,h1,h2,h3,h4,h5,h6{color:#fff;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:"Oswald",sans-serif}h2{font-size:3rem;line-height:4rem}h3{font-size:2rem;line-height:3rem}a{text-decoration:none;color:#fff}.text-center{text-align:center}.text-right{text-align:right}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{position:absolute;top:0;left:0;z-index:1;width:100%;padding:1rem}header .logo{max-width:200px}main{width:calc(100vw - 90px)}main section .background{position:absolute;z-index:1;min-height:100vh;right:-20vw;top:0}main section .content{padding:0 2rem;min-height:100vh;position:relative;z-index:2;width:calc(100% - 70px)}main section .content .inner{width:100%}main section .content .inner h1{font-size:3rem;text-transform:uppercase;line-height:4rem}main section .content .inner h1 span{color:#00a2ff}main section .content .inner h2{font-size:6rem;text-transform:uppercase;line-height:6rem}main section .content .inner .h2Small{font-size:4rem;margin-bottom:1rem}main section .content .inner p span{color:#00a2ff;font-weight:700}main section#home canvas{position:absolute;z-index:0;display:block}main section#home .content .inner{position:absolute;top:50%;transform:translateY(-50%);width:calc(100% - 70px)}main section#home .content div p{font-size:1.25rem}main section#home .content div p .arrow{font-size:3rem;color:#00a2ff}main section#home .content div p .arrow small{font-size:.75rem;display:block}main section#home .content div p .arrow:hover{color:#ffb11f}main section#about{border-top:5px solid #00a2ff;background-color:#fcfcfc;color:#333}main section#about .content .inner{padding-top:100px;padding-bottom:100px}main section#about .content div h2,main section#about .content div h3{color:#333;text-transform:uppercase}main section#about .content div h2 span,main section#about .content div h3 span{color:#00a2ff}main section#about .content div p{color:#333}main section#about .content div label{font-weight:700}main section#about .content div label i{font-size:1.25rem}main section#about .content div a{color:#ffb11f}main section#about .content div .row{margin-bottom:.5rem}main section#about .content div .aboutMeStats{border:1px solid #b3b3b3;border-left:5px solid #00a2ff;padding:1rem}main section#about .content div .skills svg{max-width:100%}main section#portfolio .content .inner{padding-top:100px}main section#portfolio .content div h2,main section#portfolio .content div h3{color:#fff;text-transform:uppercase}main section#portfolio .content div h2 span,main section#portfolio .content div h3 span{color:#00a2ff}main section#portfolio .content div h3{text-transform:none;font-weight:400;font-family:"Open Sans",sans-serif;line-height:2rem}main section#portfolio .content div p{color:#fff}main section#portfolio .content div .projects{margin-top:150px}main section#portfolio .content div .project{margin-top:50px;min-height:600px}main section#portfolio .content div .project h2{font-size:1rem;font-weight:400!important;opacity:.7;line-height:1rem}main section#portfolio .content div .project h3{text-transform:none;font-weight:400!important}main section#portfolio .content div .project .image{min-height:400px}main section#portfolio .content div .project .image img{width:100%;height:auto;margin:0 auto;display:block;position:relative;top:-15%}main section#portfolio .content div .project.portfolioCTA{background-color:#00a2ff;color:#fff;min-height:0;margin-bottom:100px;padding:2rem 1rem;border-radius:40px 0 20px 0}main section#portfolio .content div .project.portfolioCTA .btn.draw-border{color:#fff;box-shadow:inset 0 0 0 3px #fff}main section#portfolio .content div .project.portfolioCTA .btn.draw-border:hover{color:#ffb11f}main section#resume{border-top:5px solid #00a2ff;background-color:#fcfcfc;color:#333}main section#resume .content .inner{padding-top:100px;padding-bottom:100px}main section#resume .content div h2,main section#resume .content div h3{color:#333;text-transform:uppercase}main section#resume .content div h2 span,main section#resume .content div h3 span{color:#00a2ff}main section#resume .content div h3.h3Thin{font-weight:300;font-size:1.5rem;line-height:1.5rem}main section#resume .content div h4{text-transform:uppercase;color:#333;font-size:1.3rem}main section#resume .content div p{color:#333}main section#resume .content div .contactMethod a{color:#ffb11f;display:inline-block;padding:1rem}main section#resume .content div .contactMethod a:first-child{padding-left:0}main section#resume .content div .contactMethod a:last-child{padding-right:0}main section#resume .content div .contactMethod a i{font-size:2rem}main section#resume .content div .contactMethod a.btn{color:#00a2ff;padding:1rem 2rem}main section#resume .content div .contactMethod a.btn:hover{color:#ffb11f}main section#contact .content .inner{padding-top:100px}main section#contact .content div h2,main section#contact .content div h3{color:#fff;text-transform:uppercase}main section#contact .content div h2 span,main section#contact .content div h3 span{color:#00a2ff}main section#contact .content div p{color:#fff}main section#contact .content div a{color:#ffb11f}main section#contact .content .input-wrapper{position:relative}main section#contact .content .input-wrapper label{color:#333}main section#contact .content .input-wrapper .input-field{width:calc(100% - 2rem);padding:1rem .5rem;margin:1rem 0;border-radius:4px;font-family:"Open Sans",sans-serif;font-size:1rem;border:0}main section#contact .content .input-wrapper .input-field:active,main section#contact .content .input-wrapper .input-field:focus{outline:2px solid #00a2ff}main section#contact .content .input-wrapper .input-label{position:absolute;top:2rem;left:.5rem;pointer-events:none;transition:transform .3s ease,font-size .3s ease}main section#contact .content .input-wrapper .input-field:focus+.input-label,main section#contact .content .input-wrapper .input-field:not(:placeholder-shown)+.input-label{transform:translateY(-.75rem);font-size:.55rem;color:#00a2ff}main section#contact .content .input-wrapper textarea{height:200px}main section#contact .content .error{color:#fff;margin:1rem 0;background-color:rgba(121,1,1,.7);padding:1rem;width:calc(100% - 3rem);font-weight:700}.sidebar{position:fixed;top:0;right:0;height:100vh;background-color:#fff;z-index:10;width:80px;box-shadow:-5px 0 5px -5px rgba(0,0,0,.05)}.sidebar ul{list-style-type:none;padding:0;margin:0}.sidebar ul li{background-color:#fff;display:flex;justify-content:center;align-items:center;padding:1rem 1.5rem;position:relative}.sidebar ul li:not(:first-child){border-top:1px solid #f0f0f0}.sidebar ul li:not(:last-child){border-bottom:1px solid #f0f0f0}.sidebar ul li i{font-size:2rem;color:#333}.sidebar ul li i.orange{color:#00a2ff!important}.sidebar ul li i.orange:hover{color:#333!important}.sidebar ul li.active{background-color:#00a2ff}.sidebar ul li.active i{color:#fff}.sidebar .popover{position:absolute;background-color:#00a2ff;padding:1rem 2rem;border-radius:4px 0 0 4px;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:999;width:80px;font-size:.85rem}.sidebar .popover.left{top:50%;transform:translateY(-50%);right:100%}.sidebar .popover:after{content:"";position:absolute;top:50%;right:-5px;transform:translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #00a2ff}.triangle-separator{position:relative;height:70px;margin-bottom:-50px;overflow:hidden}.triangle-separator:before{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:0;border-left:50vw solid transparent;border-right:50vw solid transparent;border-top:50px solid #333;z-index:1}footer{color:#fff;background-color:#000;height:200px}footer canvas{position:absolute;z-index:0;display:block}footer .inner{position:relative;z-index:1;padding-top:75px}footer .inner .icons a{color:#ffb11f}footer .inner .icons a i{font-size:2rem;margin:0 1rem}.draw-border,footer .inner .icons a:hover{color:#00a2ff}.draw-border{box-shadow:inset 0 0 0 3px #00a2ff;transition:color .25s .0833333333s;position:relative}.draw-border:after,.draw-border:before{border:0 solid transparent;box-sizing:border-box;content:"";pointer-events:none;position:absolute;width:0;height:0;bottom:0;right:0}.draw-border:before{border-bottom-width:3px;border-left-width:3px}.draw-border:after{border-top-width:3px;border-right-width:3px}.draw-border:hover{color:#ffb11f}.draw-border:hover:after,.draw-border:hover:before{border-color:#ffb11f;transition:border-color 0s,width .25s,height .25s;width:100%;height:100%}.draw-border:hover:before{transition-delay:0s,0s,.25s}.draw-border:hover:after{transition-delay:0s,.25s,0s}.btn{background:none;border:none;cursor:pointer;padding:1rem 2rem;margin-right:1rem;font-size:1rem}.btn:focus{outline:2px dotted #00a2ff}.card{border:none;background:#333;box-shadow:0 5px 5px rgba(0,0,0,.25);padding:1rem;position:relative}.card .card-body h3,.card .card-body p{color:#fff!important}@media screen and (max-width:1024px){.grecaptcha-badge{display:none!important}.btn,body{font-size:20px}.activelyLooking{display:none}main{width:calc(100vw - 45px)}.sidebar{height:120vh}html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:1!important}html:not(.no-js) [data-aos=fade-left],html:not(.no-js) [data-aos=fade-right],html:not(.no-js) [data-aos=fade-up]{transform:none!important}.row{margin-bottom:0!important}#about .col-5,#about .col-6,#about .col-7{flex:0 0 100%;padding:0}#about .card{margin-bottom:1rem}#portfolio .col-5,#portfolio .col-6,#portfolio .col-7{flex:0 0 100%;padding:0}#portfolio .content div .project{min-height:0!important;margin-bottom:1rem;margin-top:150px!important}#portfolio .content div .project h2,#portfolio .content div .project h3{text-align:center}#portfolio .content div .project .image{min-height:auto}#portfolio .content div .project .image img{top:0!important}#portfolio .content div .project.portfolioCTA{position:relative;top:50px}#resume .col-4,#resume .col-6{flex:0 0 100%;padding:0}#resume .col-4{margin-top:50px}#contact .col-6{flex:0 0 100%;padding:0}.triangle-separator{height:50px;margin-bottom:-45px}.triangle-separator.triangle-separator:before{left:-50px;transform:translateX(0)}}@media screen and (max-width:767px){.sidebar{display:none}.btn{width:calc(100% - 3.5rem);display:block;text-align:center;margin-top:1rem}.portfolioCTA .btn{width:calc(100% - 4rem)}main{width:100vw}main section .content .inner h1{font-size:2rem;line-height:3rem}main section .content .inner h2{font-size:4rem;line-height:4rem}main section .content .inner .h2Small{font-size:2rem}main section .content .aboutMeStats .row{margin-bottom:1rem!important}main section .content .aboutMeStats .row .col-3,main section .content .aboutMeStats .row .col-9{flex:0 0 100%;padding:0}main section#portfolio .projectsMobile{margin-top:100px}main section#portfolio .projectsMobile .project{margin-top:40px!important}main section#contact .content .input-wrapper .input-field{width:100%}.triangle-separator.triangle-separator:before{left:0}}@media screen and (max-width:360px){.btn,body,p{font-size:16px!important}main section .content .inner h1{font-size:1.5rem;line-height:2rem}main section .content .inner h2{font-size:3rem;line-height:3rem}#portfolio .content div .project .image{min-height:250px!important}#portfolio .content div .project.portfolioCTA{margin-top:0!important}h3{font-size:1.25rem;line-height:1.5rem!important}}
/*# sourceMappingURL=main.0b5bffe7.chunk.css.map */