.topbar{background-color:#000;color:#fff;height:70px;position:fixed;top:0;width:100%;z-index:4}.topbar .wrapper{justify-content:space-between;padding:10px 30px}.topbar .wrapper,.topbar .wrapper .left{align-items:center;display:flex}.topbar .wrapper .left .logo{color:#fff;font-size:40px;font-weight:800;text-decoration:none}.topbar .wrapper .right .hamburger{cursor:pointer;display:flex;flex-direction:column;height:25px;justify-content:space-between;overflow:hidden;width:30px}.topbar .wrapper .right .hamburger span{background-color:#fff;border-radius:100px;height:4px;-webkit-transform-origin:left;transform-origin:left;transition:all 1s ease;width:100%}.topbar.active .hamburger span:first-child{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.topbar.active .hamburger span:nth-child(2){opacity:0}.topbar.active .hamburger span:last-child{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.intro{background-color:transparent!important}@media(max-width:786px){.intro{flex-direction:column}}.title{margin:0;scrollbar-width:none}.title::-webkit-scrollbar{height:calc(100vh - 70px)}.title *{height:calc(100vh - 70px);scroll-snap-align:start;width:100vw}.title .title1{-webkit-animation:glow 5s linear forwards;animation:glow 5s linear forwards;bottom:100px;font-family:Teko,sans-serif;font-size:10rem;font-weight:900;text-align:center;text-transform:uppercase;z-index:1}.title .title1 .one{align-items:center;display:flex;float:right;justify-content:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}@media(max-width:786px){.title .title1 .one{font-size:80px}}@-webkit-keyframes glow{0%,18%,20%,50.1%,60%,65.1%,80%,90.1%,92%{color:#0e3742;text-shadow:none}18.1%,20.1%,30%,50%,60.1%,65%,80.1%,90%,92.1%,93%,to{color:#fff;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 40px #73b7cc,0 0 80px #b0cdd6,0 0 16000000px #fff}}@keyframes glow{0%,18%,20%,50.1%,60%,65.1%,80%,90.1%,92%{color:#0e3742;text-shadow:none}18.1%,20.1%,30%,50%,60.1%,65%,80.1%,90%,92.1%,93%,to{color:#fff;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 40px #73b7cc,0 0 80px #b0cdd6,0 0 16000000px #fff}}.portfolio{display:flex}@media(max-width:786px){.portfolio{align-items:center;flex-direction:column;justify-content:center}}.portfolio .left{flex:.5 1;overflow:hidden;position:relative}@media(max-width:786px){.portfolio .left{align-items:center;display:flex;flex-direction:column;justify-content:center}}.portfolio .left .imagecontainer{align-items:flex-end;background-color:#080808;border-radius:50%;display:flex;float:right;height:800px;justify-self:flex-end;left:-90px;position:relative;top:30px;width:800px}@media(max-width:786px){.portfolio .left .imagecontainer{align-items:center;height:100%;justify-content:center;left:0;right:0;width:100%}}.portfolio .left .imagecontainer .img{height:100%;width:100%}.portfolio .right{align-items:center;background-color:transparent!important;display:flex;flex:.5 1;justify-content:center}@media(max-width:786px){.portfolio .right{flex-direction:column;text-align:centre}}.portfolio .right .wraper{color:#fff;display:flex;flex-direction:column;height:40%;justify-content:center;width:100%}@media(max-width:786px){.portfolio .right .wraper{height:-webkit-max-content;height:max-content;padding:10px;text-align:center}}.portfolio .right .wraper h1{font-size:60px}.portfolio .right .wraper h2{font-size:35px;height:110%}@media(max-width:786px){.portfolio .right .wraper h2{align-items:center;height:80%;justify-content:center;margin-bottom:-17px;margin-top:30px}}.portfolio .right .wraper h3{font-size:30px;margin-top:-42px}.portfolio .right .wraper h3 span{color:#ecc02d}@media(max-width:786px){.portfolio .right .wraper h3{align-items:center;height:110%;justify-content:center}}.portfolio .right .wraper .ityped-cursor{-webkit-animation:blink .8s infinite;animation:blink .8s infinite}@-webkit-keyframes blink{50%{opacity:1}to{opacity:0}}@keyframes blink{50%{opacity:1}to{opacity:0}}.work{background-color:transparent!important;background-color:#000;display:flex}@media(max-width:786px){.work{flex-direction:column}}.work .left{align-items:center;display:flex;flex:1 1;justify-content:center}@media(max-width:786px){.work .left{align-items:center;height:40%;justify-content:center;margin-top:20px;width:40%}}.work .left .new{height:50px;width:100%}.work .left .technical{-webkit-animation:hope1 .5s normal forwards;animation:hope1 .5s normal forwards;-webkit-backdrop-filter:blur(3.5px);backdrop-filter:blur(3.5px);background-color:hsla(0,0%,6%,.671);border-left:1px solid hsla(0,0%,100%,.5);border-radius:82px;border-top:1px solid hsla(0,0%,100%,.5);box-shadow:0 0 80px hsla(0,0%,100%,.151);color:#fcfcfc;font-size:35px;font-weight:900;height:600px;left:-800px;overflow:hidden;position:relative;text-align:center;width:600px}@-webkit-keyframes hope1{0%{left:0}to{left:-600px}}@keyframes hope1{0%{left:0}to{left:-600px}}@media(max-width:786px){.work .left .technical{height:95%;justify-content:center}}.work .left .technical.active{-webkit-animation:hope .5s normal forwards;animation:hope .5s normal forwards}@-webkit-keyframes hope{0%{left:-600px}to{left:0}}@keyframes hope{0%{left:-600px}to{left:0}}.work .left span{background-color:#e0d6d6;color:#fdfdfd}.work .left .test{background-color:transparent;font-size:20px;height:30px;justify-content:center;left:27px;overflow:hidden;padding:0;text-align:center;top:22px;width:80px}.work .left .progressbar,.work .left .test{align-items:center;color:#fff;display:flex;position:relative}.work .left .progressbar{background-color:#fff;border-radius:15px;flex-direction:row-reverse;height:17px;justify-content:start;left:110px;width:400px}.work .left .progressbar .inner{background-color:#ecc02d;border-radius:15px;float:right;height:100%;margin:0;padding:0;position:relative;width:1%}@media(max-width:786px){.work .left .progressbar{width:200px}}.work .left .progressbar .html.active{-webkit-animation:fill 5s normal forwards;animation:fill 5s normal forwards}@-webkit-keyframes fill{0%{width:0}to{width:65%}}@keyframes fill{0%{width:0}to{width:65%}}.work .left .progressbar .css.active{-webkit-animation:fill1 5s normal forwards;animation:fill1 5s normal forwards}@-webkit-keyframes fill1{0%{width:0}to{width:55%}}@keyframes fill1{0%{width:0}to{width:55%}}.work .left .progressbar .python.active{-webkit-animation:fill2 5s normal forwards;animation:fill2 5s normal forwards}@-webkit-keyframes fill2{0%{width:0}to{width:25%}}@keyframes fill2{0%{width:0}to{width:25%}}.work .left .progressbar .javascript.active{-webkit-animation:fill3 5s normal forwards;animation:fill3 5s normal forwards}@-webkit-keyframes fill3{0%{width:0}to{width:35%}}@keyframes fill3{0%{width:0}to{width:35%}}.work .left .progressbar .c.active{-webkit-animation:fill4 5s normal forwards;animation:fill4 5s normal forwards}@-webkit-keyframes fill4{0%{width:0}to{width:35%}}@keyframes fill4{0%{width:0}to{width:35%}}.work .left .progressbar .react.active{-webkit-animation:fill5 5s normal forwards;animation:fill5 5s normal forwards}@-webkit-keyframes fill5{0%{width:0}to{width:45%}}@keyframes fill5{0%{width:0}to{width:45%}}.work .right{align-items:center;display:flex;flex:1 1;justify-content:center}.testimonials{color:#fff}.testimonials .education{display:flex;height:300px;overflow:hidden;width:300px}@media(max-width:786px){.testimonials .education{flex-direction:column}}.testimonials .education .school{display:flex;flex:1 1;justify-content:center;padding:40px}@media(max-width:786px){.testimonials .education .school{height:100%;padding:0;width:100%}}.testimonials .education .school .schoolcontainer{display:flex;flex-direction:column;height:100%;overflow:hidden;width:350px}@media(max-width:786px){.testimonials .education .school .schoolcontainer{flex-direction:row}}.testimonials .education .school .schoolcontainer img{border-radius:10px;height:100%;width:100%}@media(max-width:786px){.testimonials .education .school .schoolcontainer img{display:none}}.testimonials .education .school .schoolcontainer .title{font-size:50px;font-weight:900;height:110px;position:relative}@media(max-width:786px){.testimonials .education .school .schoolcontainer .title{font-size:30px;top:10px;width:200px}}.testimonials .education .school .schoolcontainer .content{font-size:20px;font-weight:700;position:relative;top:20px}.testimonials .education .highschool{flex:1 1;padding:40px}@media(max-width:786px){.testimonials .education .highschool{height:100%;padding:0;width:100%}}.testimonials .education .highschool .schoolcontainer{display:flex;flex-direction:column;height:100%;overflow:hidden;width:350px}@media(max-width:786px){.testimonials .education .highschool .schoolcontainer{flex-direction:row}}.testimonials .education .highschool .schoolcontainer img{border-radius:10px;height:100%;width:100%}@media(max-width:786px){.testimonials .education .highschool .schoolcontainer img{display:none}}.testimonials .education .highschool .schoolcontainer .title{font-size:50px;font-weight:900;height:140px;position:relative;width:410px}@media(max-width:786px){.testimonials .education .highschool .schoolcontainer .title{font-size:30px;top:10px;width:200px}}.testimonials .education .highschool .schoolcontainer .content{font-size:20px;font-weight:700;position:relative;top:20px}.testimonials .education .collage{flex:1 1;padding:40px}@media(max-width:786px){.testimonials .education .collage{height:100%;padding:0;width:100%}}.testimonials .education .collage .schoolcontainer{display:flex;flex-direction:column;height:100%;overflow:hidden;width:350px}@media(max-width:786px){.testimonials .education .collage .schoolcontainer{flex-direction:row}}.testimonials .education .collage .schoolcontainer img{border-radius:10px;height:100%;width:100%}@media(max-width:786px){.testimonials .education .collage .schoolcontainer img{display:none}}.testimonials .education .collage .schoolcontainer .title{font-size:50px;font-weight:900;height:110px;position:relative}@media(max-width:786px){.testimonials .education .collage .schoolcontainer .title{font-size:30px;top:10px;width:200px}}.testimonials .education .collage .schoolcontainer .content{font-size:20px;font-weight:700;position:relative;top:20px}.contact .container1{align-items:center;background-color:hsla(0,0%,100%,0);display:flex;height:100%;justify-content:space-around;width:100%}.contact .container1 .test{align-items:center;-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);border:5px solid hsla(0,0%,100%,.5);border-radius:20px;color:#fff;cursor:pointer;display:flex;flex-wrap:wrap;font-size:30px;font-weight:bolder;height:100px;justify-content:center;text-decoration:none;width:400px}@media(max-width:786px){.contact .container1 .test{font-size:25px;-webkit-transform:scale(.7);transform:scale(.7)}}.contact .container1 .test a{align-items:center;color:#fff;height:40px;opacity:.5;text-decoration:none;width:80%}@media(max-width:786px){.contact .container1 .test a{width:250px}}.contact .container1 .test a:hover{opacity:1}.menu{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;right:-300px;top:0;transition:all 1s ease;width:300px;z-index:3}.menu.active{right:0}.menu ul{color:#fff;font-size:40px;font-weight:700;list-style:none;width:85%}.menu ul li{margin-bottom:25px}.menu ul li a{color:#000;font-size:inherit;text-decoration:none}.menu ul li:hover{-webkit-animation:glow1 1s ease-in infinite alternate;animation:glow1 1s ease-in infinite alternate;font-weight:900;transition:all .5s ease}@-webkit-keyframes glow1{0%{text-shadow:0 0 0 #000}to{text-shadow:0 0 5px #000000af,0 0 5px #000000b6}}@keyframes glow1{0%{text-shadow:0 0 0 #000}to{text-shadow:0 0 5px #000000af,0 0 5px #000000b6}}.app{height:100vh}.app .sections{background-color:transparent;height:calc(100vh - 70px);position:relative;scroll-behavior:smooth;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;scrollbar-width:none;top:70px;width:100%;z-index:2}.app .sections::-webkit-scrollbar{display:none}.app .sections *{height:calc(100vh - 75px);scroll-snap-align:start;width:100vw}
/*# sourceMappingURL=main.e4d7b1a2.css.map*/