.topbar{overflow:hidden;width:100%;height:70px;background-color:#fff;position:fixed;color:#1d3557;top:0;z-index:3;transition:all 1s ease}.topbar .wrapper{padding:10px 8px;-webkit-justify-content:space-between;justify-content:space-between}.topbar .wrapper,.topbar .wrapper .left{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.topbar .wrapper .left .itemContainer{display:-webkit-flex;display:flex}@media (max-width:768px){.topbar .wrapper .left .itemContainer{display:none}}.topbar .wrapper .left .itemContainer .homeContainer a{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;position:relative;height:50px;width:50px;border-radius:3px;overflow:hidden;margin:0 35px 20px 5px;cursor:pointer;left:0}.topbar .wrapper .left .itemContainer .homeContainer a:hover{box-shadow:1px 1px 0 1px}.topbar .wrapper .left .itemContainer .linkedinHolder{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:50px;width:50px;border-radius:3px;overflow:hidden;margin:0 5px 13px;cursor:pointer}.topbar .wrapper .left .itemContainer .linkedinHolder:hover{box-shadow:1px 1px 0 1px}.topbar .wrapper .left .itemContainer .instaHolder{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;margin-right:5px;margin-left:4px;height:51px;width:51px;border-radius:14px;overflow:hidden;font-weight:0;cursor:pointer}.topbar .wrapper .left .itemContainer .instaHolder:hover{box-shadow:1px 1px 1px 1px}.topbar .wrapper .left .itemContainer .gitHolder{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;margin-right:5px;height:52px;width:53px;border-radius:25px;overflow:hidden;cursor:pointer}.topbar .wrapper .left .itemContainer .gitHolder:hover{box-shadow:1px 1px 1px 1px}.topbar .wrapper .left .itemContainer span{font-size:15px;font-weight:700}.topbar .wrapper .right{display:-webkit-flex;display:flex;margin:0;padding:0}.topbar .wrapper .right .resume-btn{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.topbar .wrapper .right .resume-btn .btn{position:relative;display:block;color:#000;font-size:14px;font-family:"montserrat";text-decoration:none;margin-bottom:15px;border:2px solid #ff7675;padding:14px 60px;text-transform:uppercase;overflow:hidden;transition:all 1s ease;margin-right:30px}.topbar .wrapper .right .resume-btn .btn:before{background:#ff7675;content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1;transition:all .6s ease}.topbar .wrapper .right .resume-btn .btn3:before{width:100%;height:0%;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.topbar .wrapper .right .resume-btn .btn3:hover:before{height:380%}.topbar .wrapper .right .hamburger{width:35px;height:28px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;cursor:pointer;margin-top:10px;margin-right:5px}.topbar .wrapper .right .hamburger span{width:100%;height:3px;background-color:#005f73;-webkit-transform-origin:left;transform-origin:left;transition:all 2s ease}.topbar.active{background-color:#005f73;color:#d7bd5b;overflow:hidden}.topbar.active .hamburger span:first-child{background-color:red;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.topbar.active .hamburger span:last-child{background-color:red;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.topbar.active .hamburger span:nth-child(2){opacity:0}.topbar.active .wrapper .left .logo{color:#d7bd5b}.animated-background{left:0;top:0;position:relative;background-color:#fff;overflow:hidden}.animated-background .intro{display:-webkit-flex;display:flex;position:absolute;left:0;top:0;width:100%;height:100%}@media (max-width:768px){.animated-background .intro{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}}.animated-background .intro .left{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex:0.5 1;flex:0.5 1;overflow:hidden}@media (max-width:768px){.animated-background .intro .left{padding-bottom:0;padding-top:70px;-webkit-flex:0.4 1;flex:0.4 1}}.animated-background .intro .left .imgContainer{overflow:hidden;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:700px;height:700px;display:-webkit-flex;display:flex}@media (max-width:768px){.animated-background .intro .left .imgContainer{width:30vh;height:30vh}}.animated-background .intro .left .imgContainer img{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;top:60px;width:85%;height:90%}@media (max-width:768px){.animated-background .intro .left .imgContainer img{height:auto;width:100%}}.animated-background .intro .right{-webkit-flex:0.5 1;flex:0.5 1;overflow:hidden}@media (max-width:768px){.animated-background .intro .right{-webkit-flex:0.6 1;flex:0.6 1;margin-top:5vh}}.animated-background .intro .right .wrapper{width:100%;height:100%;margin-top:35%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-content:flex-start;align-content:flex-start;padding-left:175px;font-size:50px}@media (max-width:768px){.animated-background .intro .right .wrapper{padding-left:0;margin-top:10px;font-size:6vw;-webkit-align-items:center;align-items:center}}.animated-background .intro .right .wrapper h1{color:#1d3557}.animated-background .intro .right .wrapper h2,.animated-background .intro .right .wrapper h3{color:#38a227}@media (max-width:768px){.animated-background .intro .right .wrapper h3{text-align:center}}.animated-background .intro .right .wrapper h3 span{color:inherit}.animated-background .intro .right .wrapper h3 .ityped-cursor{-webkit-animation:blink 1.2s infinite;animation:blink 1.2s infinite}@media (max-width:768px){.animated-background .intro .right .wrapper h3 .ityped-cursor{font-size:42px}}@-webkit-keyframes blink{to{opacity:0}}@keyframes blink{to{opacity:0}}.animated-background .intro .right a{position:absolute;bottom:8px}@media (max-width:768px){.animated-background .intro .right a{display:-webkit-flex;display:flex;-webkit-align-self:center;align-self:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column}}.animated-background .intro .right a .arrowContainer{width:30px;background-color:#fff;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}@media (max-width:768px){.animated-background .intro .right a .arrowContainer{-webkit-align-items:center;align-items:center}}.animated-background .intro .right a .arrowContainer img{background-color:#fff;width:30px;-webkit-animation:arrowBlink 1.5s infinite;animation:arrowBlink 1.5s infinite}@media (max-width:768px){.animated-background .intro .right a .arrowContainer img{position:relative;-webkit-align-self:center;align-self:center}}@-webkit-keyframes arrowBlink{to{opacity:0}}@keyframes arrowBlink{to{opacity:0}}.portfolioList{font-size:15px;margin:50px;padding:7px;border-radius:13px;cursor:pointer;overflow:hidden}.portfolioList.active{background-color:#1d3557;color:#fff;overflow:hidden}.projects{background-color:#fff;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}@media (max-width:768px){.projects{font-size:4.5vw}}.projects .glow{font-size:80px;background-image:url(https://fsb.zobj.net/crop.php?r=wgd4cvS6PxhKVIeSGOMkEL3RkmMDzkchVrmxMyrCqsitUWgcO71VH9a-tpuq0zInuTE4wYoZMjDVH8vH7O_KKU3WBFdGYtjzJ3VT1DvhFnLJ19_8xAHSAyUBVtcr-fx9WpjVRNRBN-fFyTKj);-webkit-background-clip:text;color:transparent;text-align:center;-webkit-animation:glow 1s ease-in-out infinite alternate;animation:glow 1s ease-in-out infinite alternate;padding:40px;overflow:hidden;-webkit-animation:bganimation 10s infinite;animation:bganimation 10s infinite;background-clip:text}@media (max-width:768px){.projects .glow{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-size:50px}}.projects ul{margin:0;padding:0;list-style:none;display:-webkit-flex;display:flex}.projects ul li{font-size:15px;margin:50px;padding:7px;border-radius:13px;cursor:pointer}.projects ul li.active{background-color:#1d3557;color:#fff}@media (max-width:768px){.projects ul li{margin-left:5px;margin-bottom:2px}}@media (max-width:768px){.projects ul{-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center}}.projects .container{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;overflow:hidden}@media (max-width:768px){.projects .container{-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;width:80%}}.projects .container .item{overflow:hidden;width:600px;height:400px;border-radius:20px;border:1px solid #d3d3d3;margin:10px 20px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:#fff;position:relative;transition:all .6s ease;cursor:pointer}.projects .container .item img{position:relative;object-fit:cover;z-index:1;width:600px;height:auto}.projects .container .item:hover{background-color:#005f73}.projects .container .item:hover img{opacity:.2}@media (max-width:768px){.projects .container .item{width:70vw;height:50vw}.projects .container .item:hover{background-color:#000;height:52vw;width:70vw;box-shadow:0 12px 8px 1px rgba(0,0,0,.2)}.projects .container .item:hover img{opacity:.4}}.projects .container .item h3{position:absolute;font-size:20px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.contact{-webkit-flex-direction:column;flex-direction:column;background-color:#fff}.contact,.contact .right{display:-webkit-flex;display:flex}.contact .right{-webkit-flex:100% 1;flex:100% 1;background-position:50%;background-repeat:no-repeat;background-size:cover;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}@media (max-width:768px){.contact .right{display:-webkit-flex;display:flex;font-size:30px;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}}.contact .right .glow{font-size:80px;background-image:url(https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQIRoaoUTpZrhZjGSkRDNJgy91xdY41X8zUm75iRJRFgWXPOFl3XX_UJGQNiOEoGauBhsA&usqp=CAU);-webkit-background-clip:text;color:transparent;text-align:center;-webkit-animation:glow 1s ease-in-out infinite alternate;animation:glow 1s ease-in-out infinite alternate;padding:40px;-webkit-animation:bganimation 10s infinite;animation:bganimation 10s infinite;background-clip:text}.contact .right h2{font-size:30px}@media (max-width:768px){.contact .right h2{font-size:20px}}.contact .right form{-webkit-justify-content:space-evenly;justify-content:space-evenly}@media (max-width:768px){.contact .right form{font-size:20px}}.contact .right form label{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-end;justify-content:flex-end;text-align:right;width:400px;line-height:26px;margin-bottom:10px}.contact .right form input[type=text]{position:relative;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:400px;height:400px;white-space:nowrap;text-overflow:clip;overflow:hidden;line-break:auto}@media (max-width:768px){.contact .right form input[type=text]{width:70vw;margin-top:20px;height:auto}}.contact .right form input[type=Last-name]{position:relative;display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center}@media (max-width:768px){.contact .right form input[type=Last-name]{width:80vw;margin-top:20px;height:auto}}.contact .right form input[type=First-name]{position:relative;display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center}@media (max-width:768px){.contact .right form input[type=First-name]{margin-top:20px;width:80vw;height:auto}}.contact .right form input[type=email]{position:relative;display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center}@media (max-width:768px){.contact .right form input[type=email]{margin-top:20px;width:80vw;height:auto}}.contact .right form{width:70%;height:70%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around}@media (max-width:768px){.contact .right form{margin-top:20px;width:80vw;height:auto}}.contact .right form input{width:300px;height:30px;font-size:17px}@media (max-width:768px){.contact .right form input{margin-top:20px;width:80vw;height:auto}}.contact .right form textarea{width:500px;height:200px;font-size:20px}@media (max-width:768px){.contact .right form textarea{margin-top:20px;width:80vw;height:30vh}}.contact .right form button{width:100px;height:25px;color:#fff;background-color:#dc143c;border:none;border-radius:20px;font-weight:500;cursor:pointer}.contact .right form button:focus{outline:none}@media (max-width:768px){.contact .right form button{margin-top:30px;width:20vw;height:auto}}.contact .right form span{color:#fff}.Education{background-color:#fff;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:30px}.Education .glow{font-size:80px;background-image:url(https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcSS9GmuuGMWzinsG2IOOd3DzzEyabxr-JTg9Q&usqp=CAU);-webkit-background-clip:text;color:transparent;text-align:center;-webkit-animation:glow 1s ease-in-out infinite alternate;animation:glow 1s ease-in-out infinite alternate;padding:40px;-webkit-animation:bganimation 10s infinite;animation:bganimation 10s infinite;background-clip:text}@-webkit-keyframes bganimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes bganimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.Education h1{margin-top:60px;-webkit-align-self:flex-start;align-self:flex-start;justify-self:flex-start}.Education .slider,.Education h1{display:-webkit-flex;display:flex;position:absolute}.Education .slider{height:400px;left:0;transition:all 1.3s ease-out}@media (max-width:768px){.Education .slider{height:30vh}}.Education .slider .inanimation{-webkit-animation:slidesanimation ease 1.3;animation:slidesanimation ease 1.3}@-webkit-keyframes slidesanimation{50%{opacity:0}to{opacity:1}}@keyframes slidesanimation{50%{opacity:0}to{opacity:1}}.Education .slider .container{width:100vw}.Education .slider .container,.Education .slider .container .item{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.Education .slider .container .item{margin:5px 10px;width:700px;height:90%;background-color:#132966;border-radius:20px;border:5px solid #1b145a;position:relative;overflow:hidden}@media (max-width:768px){.Education .slider .container .item{width:70vw}}.Education .slider .container .item .imgcontainer{width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;overflow:hidden;background-color:#1f1f1f}.Education .slider .container .item .imgcontainer img{object-fit:cover;opacity:.4}.Education .slider .container .item .paneltitle{position:absolute;left:0;bottom:0;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding:20px;font-weight:600;font-size:20px;transition:all .35s}.Education .slider .container .item .paneltitle h2{color:#f5f5f5}.Education .slider .container .item .paneltitle h3{left:0;bottom:0;color:#f5f5f5}@media (max-width:768px){.Education .slider .container .item .paneltitle{font-size:2.5vw}}.Education .slider .container .item:hover .paneltitle{font-size:23px}.Education .navigation{display:-webkit-flex;display:flex;position:absolute}.Education .navigation.leftarrow{left:300px}.Education .navigation.rightarrow{right:300px}@media (max-width:768px){.Education .navigation.leftarrow{left:-10px}.Education .navigation.rightarrow{right:-10px}}.app{height:100vh}.app .sections{width:100%;height:calc(100vh - 70px);position:relative;top:70px;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none}.app .sections::-webkit-scrollbar{display:none}.app .sections>*{width:100vw;height:100%;scroll-snap-align:start}.menu{width:300px;height:100vh;background-color:#005f73;position:fixed;top:0;right:-500px;z-index:2;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;transition:all 1s ease}.menu.active{right:0}.menu ul{margin:0;padding:0;list-style:none;font-size:30px;font-weight:300;color:#fff;width:50%}.menu li{margin-bottom:60px}.menu li a{font-size:inherit;color:inherit;text-decoration:none}.menu li:hover{font-weight:500;color:#d7bd5b}
/*# sourceMappingURL=main.ccf91ab3.chunk.css.map */