.topbar{background-color:#fff;color:darkred;height:70px;position:fixed;top:0;transition:all 1s ease;width:100%;z-index:3}.topbar .wrapper{align-items:center;display:flex;justify-content:space-between;padding:10px 30px}.topbar .wrapper .left .logo{color:inherit;font-size:35px;font-weight:700;margin-right:40px;text-decoration:none}@media(max-width:768px){.topbar .wrapper .left .logo{margin-right:0}}.topbar .wrapper .middle{align-items:center;display:flex}.topbar .wrapper .middle .itemContainer{align-items:center;display:flex;margin-left:10px}.topbar .wrapper .middle .itemContainer .icon{color:darkred;font-size:35px;margin-right:5px}.topbar .wrapper .middle .itemContainer span{font-size:15px;font-weight:500}.topbar .wrapper .right .hamburger{cursor:pointer;display:flex;flex-direction:column;height:30px;justify-content:space-between;width:38px}.topbar .wrapper .right .hamburger span{background-color:darkred;height:3px;-webkit-transform-origin:left;transform-origin:left;transition:all 2s ease;width:100%}.topbar.active{background-color:darkred;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)}.home,.topbar.active .itemContainer .icon{background-color:#fff}.home{display:flex}@media(max-width:768px){.home{align-items:center;flex-direction:column}}.home .right{flex:.5 1;position:relative}.home .right .wrapper{display:flex;flex-direction:column;height:50%;justify-content:center;padding-left:50px;width:50%}@media(max-width:768px){.home .right .wrapper{height:50%;width:90%}}.home .right .wrapper h1{font-size:40px;margin:10px 0}@media(max-width:768px){.home .right .wrapper h1{font-size:35px}}.home .right .wrapper h2{font-size:30px}@media(max-width:768px){.home .right .wrapper h2{font-size:25px}}.home .right .wrapper h3{font-size:25px}.home .right .wrapper h3 span{color:red;font-size:inherit}@media(max-width:768px){.home .right .wrapper h3{font-size:15px}}.home .right a{bottom:10px;left:40px;position:absolute}.home .right a img{-webkit-animation:arrowBlink 2s infinite;animation:arrowBlink 2s infinite;width:100px}@-webkit-keyframes arrowBlink{to{opacity:0}}@keyframes arrowBlink{to{opacity:0}}.home .left{flex:.5 1;overflow:hidden}.home .left .imageContainer{align-items:flex-end;background-color:transparent;border-radius:25%;display:flex;float:right;height:450px;justify-content:center;width:450px}@media(max-width:768px){.home .left .imageContainer{align-items:flex-start}}.home .left .imageContainer img{height:100%;margin-left:3px}@media(max-width:768px){.home .left .imageContainer img{height:98%}}.aboutme{align-items:center;background-color:#5e0c0c;display:flex;justify-content:center}@media(max-width:768px){.aboutme h1{font-size:35px;height:520px;position:absolute}}.aboutme .arrow{cursor:pointer;height:50px;position:absolute}.aboutme .arrow.left{left:25px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}@media(max-width:768px){.aboutme .arrow.left{left:5px}}.aboutme .arrow.right{right:25px}@media(max-width:768px){.aboutme .arrow.right{right:5px}.aboutme .arrow{opacity:60%}}.aboutme .slider{display:flex;height:300px;left:0;position:absolute;transition:all 1s ease-out}@media(max-width:768px){.aboutme .slider{height:700px}}.aboutme .slider .container{align-items:center;display:flex;justify-content:center;width:100vw}.aboutme .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){.aboutme .slider .container .item{height:50%}}.aboutme .slider .container .item .left{background-color:#ff0;flex:4 1;height:100%}.aboutme .slider .container .item .left .leftContainer{display:flex;flex-direction:column;height:80%;justify-content:space-between;margin-left:10px;margin-top:10px;width:90%}.aboutme .slider .container .item .left .leftContainer .imgContainer{align-items:center;background-color:#110906;border-radius:50%;display:flex;height:70px;justify-content:center;width:70px}.aboutme .slider .container .item .left .leftContainer .imgContainer img{width:50px}.aboutme .slider .container .item .left .leftContainer h2{font-size:16px}@media(max-width:768px){.aboutme .slider .container .item .left .leftContainer h2{font-size:14px}}.aboutme .slider .container .item .left .leftContainer p{font-size:12px;margin-left:10px;margin-right:20px;margin-top:0}@media(max-width:768px){.aboutme .slider .container .item .left .leftContainer p{font-size:10px}}.aboutme .slider .container .item .left .leftContainer span{cursor:pointer;font-size:12px;font-weight:500;text-decoration:underline}.aboutme .slider .container .item .right{align-items:center;background-color:#511;display:flex;flex:8 1;height:100%;justify-content:center;overflow:hidden}.aboutme .slider .container .item .right img{height:475x;-webkit-transform:rotate(0deg);transform:rotate(0deg);width:475px}.contact{background-color:#e0ffff;display:flex}@media(max-width:768px){.contact{flex-direction:column}}.contact .left{flex:1 1;overflow:hidden}.contact .left img{height:70%;margin-left:40px;margin-top:70px;width:90%}@media(max-width:768px){.contact .left img{height:75%;margin-top:75px;width:85%}}.contact .right{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.contact .right h2{font-size:30px}.contact .right form{align-items:center;display:flex;flex-direction:column;height:70%;justify-content:space-around;width:70%}.contact .right form input{font-size:14px;height:30px;width:250px}@media(max-width:768px){.contact .right form input{height:18px;width:200px}}.contact .right form textarea{font-size:12px;height:60px;width:250px}@media(max-width:768px){.contact .right form textarea{height:100px;width:200px}}.contact .right form span{color:red;display:none;font-size:12px}.contact .right form input:invalid[focused=true]~span{display:block}.contact .right form button{background-color:red;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:500;height:20px;width:150px}.contact .right form button:focus{outline:none}.contact .right form h3{color:green;font-size:12px}.contact .right form ul{display:column;font-size:12px}.projectsList{border-radius:10px;cursor:pointer;font-size:12px;margin-right:50px;padding:15px}.projectsList.active{background-color:darkred;color:#fff}.projects{align-items:center;background-color:#fff;display:flex;flex-direction:column}.projects h1{font-size:40px}.projects ul{display:flex;list-style:none;margin:10px;padding:0}@media(max-width:768px){.projects ul{margin:20px;padding-left:40px}}.projects .container{flex-wrap:wrap;height:70%;width:70%}.projects .container,.projects .container .item{align-items:center;display:flex;justify-content:center}.projects .container .item{border:1px solid #87cefa;border-radius:20px;color:#fff;cursor:pointer;height:150px;margin:10px 20px;transition:.5s ease;width:220px}.projects .container .item h3{font-size:15px;position:absolute}.projects .container .item h3 a{color:#fff;text-decoration:none}.projects .container .item img{height:100px;object-fit:cover;width:100px;z-index:1}.projects .container .item:hover{background-color:#000}.projects .container .item:hover img{opacity:.2;z-index:0}.services{align-items:center;background-color:#fff;display:flex;flex-direction:column}.services h1{font-size:40px}.services .container{align-items:center;display:flex;height:80%;justify-content:center;width:100%}@media(max-width:768px){.services .container{flex-direction:column}}.services .container .card{border-radius:10px;box-shadow:0 0 15px -8px #18181a;display:flex;flex-direction:column;height:70%;justify-content:space-around;padding:20px;transition:all 1s ease;width:250px}.services .container .card.featured{height:80%;margin:0 30px;width:300px}.services .container .card:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.services .container .card .top{align-items:center;display:flex;justify-content:center}.services .container .card .top img.left,.services .container .card .top img.right{height:30px}.services .container .card .top img.middle{border-radius:50%;height:70px;margin:0 30px;object-fit:inherit;width:70px}.services .container .card .center{background-color:#efeef1;border-radius:10px;padding:10px}.services .container .card .bottom{align-items:center;display:flex;flex-direction:column;justify-content:center}.services .container .card .bottom h3{font-size:15px;margin-bottom:5px}.services .container .card .bottom h4{color:gray;font-size:15px}.bottombar{background-color:darkred;bottom:0;height:70px;width:100%;z-index:2}.app{height:100%}.app .sections{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%}.app .sections>*{height:calc(100vh - 70px);scroll-snap-align:start;width:100vw}.app .sections>::-webkit-scrollbar{display:none}.menu{align-items:center;background-color:darkred;display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;right:-300px;top:0;transition:1s ease;width:300px;z-index:2}@media(max-width:768px){.menu{background-color:#000;opacity:90%;right:-430px;width:430px}}.menu.active{right:0}.menu ul{color:#fff;font-size:40px;font-weight:400;list-style:none;margin:0;padding:0}.menu ul li{margin-bottom:10px}@media(max-width:768px){.menu ul li{margin-bottom:30px}}.menu ul li a{color:inherit;font-size:inherit;text-decoration:none}.menu ul li:hover{font-weight:700}
/*# sourceMappingURL=main.d76786e8.css.map*/