.app{height:100vh}.app .sections{background-color:#f08080;height:calc(100vh - 70px);position:relative;scroll-behavior:smooth;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;top:70px;width:100%}.app .sections::-webkit-scrollbar{display:none}.app .sections>*{height:calc(100vh - 70px);scroll-snap-align:start;width:100vw}.topbar{background-color:#022d3a;color:#fff;height:70px;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{color:inherit;display:flex;font-size:40px;font-weight:700;text-decoration:none}.topbar .wrapper .left .logo .logoimg{border-radius:50%;margin-right:8px;max-height:50px;max-width:50px}.topbar .wrapper .left .itemcontainer{align-items:center;display:flex;margin-left:30px}@media (max-width:768px){.topbar .wrapper .left .itemcontainer{display:none}}.topbar .wrapper .left .itemcontainer .icon{font-size:20px;margin-right:5px}.topbar .wrapper .left .itemcontainer span{font-size:15px;font-weight:500}.topbar .wrapper .right .hamburger{cursor:pointer;display:flex;flex-direction:column;height:20px;justify-content:space-between;overflow:hidden;width:32px}.topbar .wrapper .right .hamburger span{background-color:#fff;height:3px;-webkit-transform-origin:left;transform-origin:left;transition:all 2s ease;width:100%}.topbar.active{background-color:#ecebeb;color:#022d3a}.topbar.active .right .hamburger span:first-child{background-color:#022d3a;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.topbar.active .right .hamburger span:nth-child(2){opacity:0}.topbar.active .right .hamburger span:last-child{background-color:#022d3a;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.intro{background-color:#fff;display:flex}@media (max-width:768px){.intro{align-items:center;flex-direction:column}}.intro .left{flex:0.5 1;overflow:hidden}.intro .left .imageContainer{FONT-WEIGHT:100;align-items:flex-end;background-color:#0000008a;border-radius:50%;display:flex;float:center;height:calc(100vh - 10%);justify-content:center;margin-top:50px}@media (max-width:768px){.intro .left .imageContainer{align-items:flex-start}}.intro .left .imageContainer img{height:90%}@media (max-width:768px){.intro .left .imageContainer img{height:50%}}.intro .right{flex:0.5 1;position:relative}.intro .right .wrapper{display:flex;flex-direction:column;height:100%;justify-content:center;padding-left:50px;width:100%}@media (max-width:768px){.intro .right .wrapper{align-items:center;padding-left:0}}.intro .right .wrapper h1{font-size:60px;margin:10px 0}@media (max-width:768px){.intro .right .wrapper h1{font-size:40px}}.intro .right .wrapper h2{font-size:35px}.intro .right .wrapper h3{font-size:30px}@media (max-width:768px){.intro .right .wrapper h3{font-size:20px}}.intro .right .wrapper h3 span{color:crimson;font-size:inherit}.intro .right .wrapper h3 .ityped-cursor{-webkit-animation:blink 1s infinite;animation:blink 1s infinite}@-webkit-keyframes blink{50%{opacity:1}to{opacity:0}}@keyframes blink{50%{opacity:1}to{opacity:0}}.intro .right a{bottom:0;left:30%;position:absolute}.intro .right a img{-webkit-animation:arrowBlink 2s infinite;animation:arrowBlink 2s infinite;width:50px}@-webkit-keyframes arrowBlink{to{opacity:0}}@keyframes arrowBlink{to{opacity:0}}.works{align-items:center;background-color:#0e4952;display:flex;justify-content:center;position:relative}.works .arrow{cursor:pointer;height:50px;position:absolute}@media (max-width:768px){.works .arrow{display:none}}.works .arrow.left{left:300px;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.works .arrow.right{right:300px}.works .slider{display:flex;height:350px;left:0;position:absolute;transition:all 1s ease-out}@media (max-width:768px){.works .slider{flex-direction:column;height:100vh;justify-content:center}}.works .slider .container{align-items:center;display:flex;justify-content:center;width:100vw}.works .slider .container .item{align-items:center;background-color:#fff;border-radius:20px;display:flex;height:100%;justify-content:center;width:700px}@media (max-width:768px){.works .slider .container .item{height:150px;margin:15px 0;width:80%}}.works .slider .container .item .left{align-items:center;display:flex;flex:4 1;height:80%;justify-content:center}.works .slider .container .item .left .leftContainer{display:flex;flex-direction:column;height:80%;justify-content:space-between;width:90%}.works .slider .container .item .left .leftContainer .imgContainer{align-items:center;background-color:#aff4f0;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}@media (max-width:768px){.works .slider .container .item .left .leftContainer .imgContainer{height:20px;width:20px}}.works .slider .container .item .left .leftContainer .imgContainer img{width:25px}@media (max-width:768px){.works .slider .container .item .left .leftContainer .imgContainer img{width:15px}}.works .slider .container .item .left .leftContainer h2{font-size:20px}@media (max-width:768px){.works .slider .container .item .left .leftContainer h2{font-size:13px}}.works .slider .container .item .left .leftContainer p{font-size:13px}@media (max-width:768px){.works .slider .container .item .left .leftContainer p{display:none}}.works .slider .container .item .left .leftContainer span{cursor:pointer;font-size:12px;font-weight:600;text-decoration:underline}.works .slider .container .item .right{align-items:center;display:flex;flex:4 1;height:100%;justify-content:center;overflow:hidden}.works .slider .container .item .right img{-webkit-transform:rotate(-10deg);transform:rotate(-10deg);width:400px}.skills{align-items:center;background-color:#fff;display:flex;flex-direction:column}.skills h1{font-size:50px}@media (max-width:768px){.skills h1{font-size:20px}}.skills ul{display:flex;list-style:none;margin:10px;padding:0}@media (max-width:768px){.skills ul{flex-wrap:wrap;justify-content:center;margin:10px 0}}.skills .container{align-items:center;display:flex;flex-wrap:wrap;height:calc(100vh - 190px);justify-content:center;width:70%}@media (max-width:768px){.skills .container{width:100%}}.skills .container .item{align-items:center;border:1px solid #f0efef;border-radius:20px;color:#fff;cursor:pointer;display:flex;height:150px;justify-content:center;margin:10px 20px;position:relative;transition:all .5s ease;width:220px}@media (max-width:768px){.skills .container .item{height:100px;width:130px}}.skills .container .item h3{font-size:20px;position:absolute}.skills .container .item img{height:100%;object-fit:cover;width:100%;z-index:1}.skills .container .item:hover{background-color:#022d3a}.skills .container .item:hover img{opacity:.2;z-index:0}.skillsList{border-radius:10px;cursor:pointer;font-size:14px;margin-right:50px;padding:7px}@media (max-width:768px){.skillsList{margin-right:20px}}.skillsList.active{background-color:#022d3a;color:#fff}.contact{background-color:#aff4f0;display:flex}@media (max-width:768px){.contact{flex-direction:column}}.contact .left{flex:1 1;overflow:hidden}.contact .left img{height:100%}.contact .right{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.contact .right h2{font-size:30px}.contact .right .section{display:flex;flex-direction:row;justify-content:space-around}.contact .right .section .dock-item{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 10px;padding:30px;text-decoration:none}@media (max-width:768px){.contact .right .section .dock-item{margin:0 5px;padding:0}}.contact .right .section .dock-item img{fill:#27ae60;height:30px;order:1;width:30px}@media (max-width:768px){.contact .right .section .dock-item img{height:15px;width:15px}}.contact .right .section .dock-item:hover{background:rgba(0,0,0,.025)}.contact .right .section .dock-item label{color:#000;font-size:small;font-weight:700;margin-bottom:0;margin-top:15px;opacity:.75;order:2;text-decoration:none}.menu{align-items:center;background-color:#ecebeb;display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;right:-300px;top:0;transition:all 1.5s ease;width:300px;z-index:2}.menu.active{right:0}.menu ul{color:#022d3a;font-size:30px;font-weight:300;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}
/*# sourceMappingURL=main.b5748fa0.css.map*/