.app{height:100vh}.app .sections{height:calc(100vh - 70px);position:relative;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:none;top:70px;width:100%}.app .sections ::-webkit-scrollbar{display:none}.app .sections>*{scroll-snap-align:start;width:100vw}.topbar{background-color:#fff;color:#15023a;height:70px;padding-bottom:15px;position:fixed;top:0;transition:all 1s ease;width:100%;z-index:3}.topbar .wrapper{justify-content:space-between;padding:10px 30px}.topbar .wrapper,.topbar .wrapper .left{align-items:center;display:flex}.topbar .wrapper .left .logo{font-size:40px;font-weight:700;margin-right:40px;text-decoration:none;transition:all .7s ease}.topbar .wrapper .left .itemContainer{align-items:center;display:flex;margin-left:20px}@media(max-width:868px){.topbar .wrapper .left .itemContainer{display:none}}.topbar .wrapper .left .itemContainer .icon{font-size:18px;margin-right:5px}.topbar .wrapper .left .itemContainer span{font-size:15px;font-weight:500}.topbar .wrapper .left .itemContainer a{text-decoration:none}.topbar .wrapper .left .itemContainer a :hover{transition:-webkit-transform .45s ease-in-out;transition:transform .45s ease-in-out;transition:transform .45s ease-in-out,-webkit-transform .45s ease-in-out}.topbar .wrapper .left .itemContainer .visitor{color:#000;display:none}.topbar .wrapper .right .hamburger{cursor:pointer;display:flex;flex-direction:column;height:25px;justify-content:space-between;width:32px}.topbar .wrapper .right .hamburger span{background-color:#15023a;height:3px;-webkit-transform-origin:left;transform-origin:left;transition:all 2s ease;width:100%}.topbar.active{background-color:#15023a;color:#fff}.topbar.active .hamburger span:first-child{background-color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.topbar.active .hamburger span:nth-child(2){opacity:0}.topbar.active .hamburger span:last-child{background-color:#fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.topbar.active .logo{color:#fff;transition:all 1.7s ease}.intro{background-color:#87e3fa;display:flex}@media(max-width:868px){.intro{align-items:center;flex-direction:column}}.intro .left{flex:.5 1;overflow:hidden}.intro .left .imgContainer{align-items:flex-end;background-color:#1461dc;border-radius:50%;display:flex;float:right;height:600px;justify-content:center;width:600px}@media(max-width:868px){.intro .left .imgContainer{align-items:flex-start;width:100%}}.intro .left .imgContainer img{height:90%}@media(max-width:868px){.intro .left .imgContainer img{height:50%}}.intro .right{flex:.5 1;position:relative}.intro .right .wrapper{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding-top:20px;width:100%}@media(max-width:868px){.intro .right .wrapper{align-items:center;padding-left:0}}.intro .right .wrapper .links{display:flex;margin-bottom:20px}.intro .right .wrapper .links a{margin-right:20px}.intro .right .wrapper .down{bottom:10px;position:absolute;right:50px}@media(max-width:868px){.intro .right .wrapper .down{right:10px}}.intro .right .wrapper .down img{-webkit-animation:arrowBlink 2s infinite;animation:arrowBlink 2s infinite;width:30px}@-webkit-keyframes arrowBlink{to{opacity:0}}@keyframes arrowBlink{to{opacity:0}}.intro .right .wrapper h1{font-size:60px}@media(max-width:868px){.intro .right .wrapper h1{font-size:40px}}.intro .right .wrapper h2{font-size:35px}.intro .right .wrapper h3{font-size:30px}@media(max-width:868px){.intro .right .wrapper h3{font-size:20px}}.intro .right .wrapper h3 span{color:#6d051a}.contact{background-color:#fff;display:flex}@media(max-width:868px){.contact{align-items:center;flex-direction:column;padding-top:20px}}.contact .left{align-items:center;display:flex;flex:1 1;justify-content:center;margin-bottom:30px;overflow:hidden}.contact .left img{height:100%;max-height:600px;max-width:600px}@media(max-width:868px){.contact .left img{width:100%}}.contact .right{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.contact .right h2{font-size:30px;padding:10px 0}.contact .right form{align-items:center;display:flex;flex-direction:column;height:70%;justify-content:space-around;width:70%}.contact .right form input{height:30px;margin-bottom:5px;padding:2px}.contact .right form input,.contact .right form textarea{border:1px solid gray;border-radius:5px;font-size:14px;width:300px}.contact .right form textarea{height:200px;margin-bottom:8px}.contact .right form button{background-color:#1461dc;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:500;height:30px;margin-bottom:8px;width:150px}.contact .right form button:focus{outline:none}.contact .right form button:hover{background-color:#3e79d8}.menu{align-items:center;background-color:#15023a;display:none;display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;right:-500px;top:0;transition:all 1.3s ease;width:350px;z-index:2}@media(max-width:868px){.menu{right:-890px;width:100%}}.menu.active{right:0}.menu ul{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:33px;font-weight:300;justify-content:center;list-style:none;margin:0;padding:0;width:60%}.menu ul li{margin-bottom:20px}.menu ul li a{color:inherit;font-size:inherit;text-decoration:none}.menu ul li:hover{font-weight:500}.skill_item{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:20px;padding:10px}@media(max-width:868px){.skill_item{margin:10px;padding:5px}}.skill_item img{aspect-ratio:3/2;object-fit:contain;width:100px}@media(max-width:868px){.skill_item img{height:50px;width:50px}}.skill_item h4{font-size:14px}@media(max-width:868px){.skill_item h4{font-size:8px}}.skills{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:10px;padding-bottom:5px;position:relative}.skills h2{font-size:40px;margin:10px 10px 20px;position:absolute;top:5%}@media(max-width:868px){.skills h2{font-size:30px;margin:5px 5px 6px}}.skills .skillContainer{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:10rem;padding-bottom:5px;width:70vw}.projects{align-items:center;background-color:#1461dc;display:flex;margin:5rem auto;min-height:70vh;overflow:hidden;position:relative;width:90vw}.projects .arrow{cursor:pointer;height:60px;position:absolute}@media(max-width:868px){.projects .arrow{color:#000;display:none;height:20px}}.projects .arrow.left{left:100px;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}@media(max-width:868px){.projects .arrow.left{left:40px}}.projects .arrow.right{right:100px}@media(max-width:868px){.projects .arrow.right{right:40px}}.projects article{height:100%;left:0;opacity:0;position:absolute;top:50}.projects .container,.projects article{align-items:center;display:flex;width:100%}.projects .container{height:400px;justify-content:center}.projects .container .item{align-items:center;background-color:#fff;border-radius:20px;display:flex;height:100%;justify-content:center;width:700px}@media(max-width:868px){.projects .container .item{height:250px;margin:15px 0;max-width:400px;width:80%}}.projects .container .item .left{align-items:center;display:flex;flex:4 1;height:80%;justify-content:center}.projects .container .item .left .leftContainer{display:flex;flex-direction:column;height:70%;justify-content:space-between;width:90%}.projects .container .item .left .leftContainer .imgContainer{align-items:center;background-color:#f5b39b;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}@media(max-width:868px){.projects .container .item .left .leftContainer .imgContainer{height:20px;width:20px}}.projects .container .item .left .leftContainer .imgContainer img{width:25px}@media(max-width:868px){.projects .container .item .left .leftContainer .imgContainer img{width:15px}}.projects .container .item .left .leftContainer h2{font-size:20px}@media(max-width:868px){.projects .container .item .left .leftContainer h2{font-size:13px}}.projects .container .item .left .leftContainer p{font-size:13px}@media(max-width:868px){.projects .container .item .left .leftContainer p{display:none}}.projects .container .item .left .leftContainer .links{align-items:center;display:flex;justify-content:space-between;margin-top:4px;text-decoration:none}@media(max-width:868px){.projects .container .item .left .leftContainer .links{display:flex;flex-direction:column}}.projects .container .item .left .leftContainer span{align-items:center;border:1px solid #272525;border-radius:5px;cursor:pointer;display:flex;font-size:12px;font-weight:400;justify-content:center;padding:1px 3px;text-decoration:none;width:70px}@media(max-width:868px){.projects .container .item .left .leftContainer span{margin-top:5px;padding:0}}.projects .container .item .left .leftContainer span a{color:#736767;text-decoration:none}.projects .container .item .right{align-items:center;display:flex;flex:8 1;height:100%;justify-content:center;overflow:hidden}.projects .container .item .right img{overflow:hidden;-webkit-transform:rotate(-10deg);transform:rotate(-10deg);width:400px}@media(max-width:868px){.projects .container .item .right img{width:230px}}.projects .activeSlide{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.projects .lastSlide{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.projects .nextSlide{-webkit-transform:translateX(100%);transform:translateX(100%)}.about{flex-direction:column;position:relative}.about,.about .content{align-items:center;display:flex;justify-content:center}.about .content{height:auto;margin-top:10rem;padding:45px;width:70vw}@media(max-width:868px){.about .content{padding:10px}}.about .content p{font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:500;line-height:normal}@media(max-width:868px){.about .content p{font-size:20px}}.about h2{font-size:40px;margin:10px;position:absolute;top:5%}@media(max-width:868px){.about h2{font-size:30px;margin:4px}}.scrollup{-webkit-animation:arrowBlink 3s infinite;animation:arrowBlink 3s infinite;bottom:3rem;position:fixed;right:2.5rem;-webkit-transform:translateY(100px);transform:translateY(100px);width:40px;z-index:5}@media(max-width:868px){.scrollup{bottom:1.5rem;right:1.5rem;width:30px}}.scrollup.active{-webkit-transform:translateY(0);transform:translateY(0)}
/*# sourceMappingURL=main.39f162ae.css.map*/