.topbar{background-color:#f5f5f5;height:70px;position:fixed;top:0;transition:all 1s ease;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:#000;font-family:inherit;font-size:40px;font-weight:800;text-decoration:none}.topbar .wrapper .right .hamburger{cursor:pointer;display:flex;flex-direction:column;height:26px;justify-content:space-between;overflow:hidden;width:32px}.topbar .wrapper .right .hamburger span{background-color:#c27fdd;height:3px;-webkit-transform-origin:left;transform-origin:left;transition:all 2s ease;width:100%}.topbar .icon a.icon,.topbar .left,.topbar .logo,.topbar a{transition:all 1s ease}.topbar.active{background-color:#c27fdd}.topbar.active .icon,.topbar.active .left,.topbar.active .logo,.topbar.active a{color:#f5f5f5!important}.topbar.active .hamburger span:first-child{background-color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.topbar.active .hamburger span:nth-child(2){display:hidden}.topbar.active .hamburger span:last-child{background-color:#fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.menu{align-items:center;background-color:#f5f5f5;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}@media screen and (max-width:768px){.menu{right:-100vw;width:100vw}}.menu.active{background-color:#c27fdd;right:0}.menu ul{color:#f5f5f5;font-size:24px;list-style:none;margin:0;padding:0;width:80%}.menu ul li{margin-bottom:.5rem}.menu ul a{color:inherit;font-size:inherit;text-decoration:none}.menu ul a:hover{font-weight:600}.contact{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;justify-content:center}.contact>*{overflow:hidden}.contact h1{text-transform:uppercase}@media screen and (max-width:768px){.contact h1{margin-top:5vh}}.contact .container{align-items:center;display:flex;justify-content:center;margin-top:5vh;max-height:50vh;width:100%}@media screen and (max-width:768px){.contact .container{flex-direction:column;height:100%}}.contact .container .left{align-items:center;display:flex;flex:1 1;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center}.contact .container .left h3{font-size:16px;padding:5px 0}.contact .container .left span,.contact .container .left span>a{font-family:Roboto Mono;padding-bottom:5px}.contact .container .left .socialsContainer{align-items:center;display:flex;justify-content:center}.contact .container .left .socialsContainer img{height:30px;opacity:70%;padding:5px;transition:all 1s ease}.contact .container .left .socialsContainer img:hover{opacity:100%}.contact .container .left a{text-decoration:none}.contact .container .left a:hover{font-weight:600}.contact .container .left img{height:100%}.contact .container .right{align-items:center;display:hidden;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:center}.contact .container .right h2{font-size:1.5rem}.contact .container .right form{align-items:center;display:flex;flex-direction:column;height:70%;justify-content:space-around;width:70%}@media screen and (max-width:768px){.contact .container .right form{height:80%;width:80vw}}.contact .container .right form input{font-size:18px;width:80%}.contact .container .right form textarea{font-size:18px;height:200px;width:80%}.contact .container .right form button{background-color:#7cd3df;border:none;border-radius:10px;color:#f5f5f5;cursor:pointer;font-weight:600;height:30px;width:150px}.contact .container .right form button:focus{outline:none}.contact .container .right form span{color:#32cd32;font-weight:800}.portfolioList{border-radius:10px;cursor:pointer;font-size:16px;margin-right:2vw;padding:7px}.portfolioList.active{background-color:#c27fdd;background-image:linear-gradient(60deg,#c27fdd,#7cd3df 74%);color:#f5f5f5;font-weight:600}.portfolioList.active:hover{color:#f5f5f5;-webkit-filter:brightness(105%);filter:brightness(105%)}.portfolioList:hover{color:#c27fdd;font-weight:600}.portfolio{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;justify-content:center;z-index:2}.portfolio>*{overflow:hidden}.portfolio h1{font-size:60px}.portfolio ul{align-items:center;display:flex;justify-content:center;list-style:none;margin:10px;padding:0;width:80vw}@media screen and (max-width:768px){.portfolio ul{flex-wrap:wrap}}.portfolio .item-container{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center;margin:5px auto;max-height:60vh;overflow:visible;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width:768px){.portfolio .item-container{width:100%}}.portfolio .item-container .item{align-items:center;border-radius:20px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);color:#f5f5f5;display:flex;flex:2 1 1;height:200px;margin:10px 20px;max-height:30vh;max-width:30vh;position:relative;text-align:center;transition:all 1s ease;width:200px}@media screen and (max-width:768px){.portfolio .item-container .item{height:150px;margin:5px 10px;width:150px}}.portfolio .item-container .item img{height:100%;object-fit:cover;object-position:top center;transition:all 1s ease;width:100%;z-index:1}.portfolio .item-container .item h3{margin:5%;position:absolute}@media screen and (max-width:768px){.portfolio .item-container .item h3{font-size:16px}}.portfolio .item-container .item h3 a{color:inherit;text-decoration:none}.portfolio .item-container .item:hover{background-color:#c27fdd}.portfolio .item-container .item:hover img{opacity:10%;z-index:0}.testimonials{align-items:center;background-color:#a5e1e9;display:flex;flex-direction:column;justify-content:center;text-shadow:1px 1px 1px #fff}.testimonials>*{overflow:hidden}.testimonials h1{margin:3vh 0}.testimonials .container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}@media screen and (max-width:768px){.testimonials .container{flex-direction:column;justify-content:space-between}}.testimonials .container .card{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);display:flex;flex-direction:column;height:70%;justify-content:space-around;margin:10px;padding:20px;transition:all 1s ease;width:250px}.testimonials .container .card>*{overflow:hidden}@media screen and (max-width:768px){.testimonials .container .card{flex-direction:row;height:70%;width:80%}}.testimonials .container .card.featured{height:75%;margin:0 30px;width:300px}@media screen and (max-width:768px){.testimonials .container .card.featured{height:70%;margin:10px;width:80%}}.testimonials .container .card:hover{-webkit-transform:scale(1.1);transform:scale(1.1);z-index:2}.testimonials .container .card .left{align-items:center;display:flex;flex:3 1;flex-direction:column;justify-content:center}.testimonials .container .card .left .top{align-items:center;display:flex;flex-direction:row;justify-content:center;max-width:20vh;overflow:hidden;padding:5px 0;position:relative;width:100%}.testimonials .container .card .left .top img.logo{bottom:0;position:absolute;right:10%;width:25%;z-index:2}.testimonials .container .card .left .top img.person{border-radius:50%;margin:0 auto;object-fit:cover;width:50%}.testimonials .container .card .left .center{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}.testimonials .container .card .left .center>*{overflow:hidden}.testimonials .container .card .left .center h3{color:#000;font-size:clamp(12px,1.2vh,24px);margin:5px}.testimonials .container .card .left .center h4{font-size:clamp(10px,1vh,16px)}.testimonials .container .card .bottom{align-items:center;background-color:#f5f5f5;border-radius:10px;display:flex;flex:4 1;font-size:clamp(10px,1.2vw,20px);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:2%;padding:3%}@media screen and (max-width:768px){.testimonials .container .card .bottom{padding:0 10px 20px;width:80%}}.testimonials .container .card .bottom span{margin-top:5%;padding-left:5px;padding-top:5px;position:relative}.testimonials .container .card .bottom span .quotes{left:-5px;opacity:20%;position:absolute;top:-5px;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.intro{background-color:#f5f5f5;display:flex}@media screen and (max-width:768px){.intro{align-items:center;flex-direction:column-reverse}}.intro .left{align-items:center;flex:.5 1;overflow:hidden;padding:10px 10px 10px 10%;position:relative}.intro .left,.intro .left .wrapper{display:flex;justify-content:center}.intro .left .wrapper{align-items:left;flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.intro .left .wrapper h1{font-size:60px;margin:10px 0}@media screen and (max-width:768px){.intro .left .wrapper h1{font-size:50px}}.intro .left .wrapper h2{font-size:36px}.intro .left .wrapper h3{font-size:36px;font-weight:600}.intro .left .wrapper span{color:#c27fdd}.intro .left .wrapper .ityped-cursor{-webkit-animation:blink .5s infinite;animation:blink .5s infinite;-webkit-animation-direction:alternate;animation-direction:alternate;font-size:2rem;opacity:1}.intro .left .wrapper p{font-family:Roboto Mono,monospace;margin:10px 5px;max-width:30vw;width:100%}@media screen and (max-width:768px){.intro .left .wrapper p{display:none}}.intro .left .wrapper .arrowDown{-webkit-animation:arrowBounce 2s infinite;animation:arrowBounce 2s infinite;bottom:10px;position:absolute;right:-5px}@media screen and (max-width:768px){.intro .left .wrapper .arrowDown{right:50%}}@-webkit-keyframes arrowBounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes arrowBounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes blink{50%{opacity:1}to{opacity:0}}@-webkit-keyframes blink{to{opacity:0}}.intro .right{align-items:flex-start;display:flex;flex:.5 1;justify-content:center;overflow:hidden;position:relative}@media screen and (max-width:768px){.intro .right{align-items:center}}.intro .right .imgContainer{align-items:flex-start;background-color:#c27fdd;background-image:linear-gradient(60deg,#c27fdd,#7cd3df 74%);border-radius:50%;display:flex;height:clamp(200px,40vw,800px);justify-content:center;margin:10px;overflow:hidden;position:absolute;right:-30px;width:clamp(200px,40vw,800px)}@media screen and (max-width:768px){.intro .right .imgContainer{position:relative;right:0}}.intro .right .imgContainer .img{float:left;object-fit:cover;width:80%}@media screen and (max-width:768px){.intro .right .imgContainer .img{height:50%}}.works{align-items:center;background-color:#c27fdd;display:flex;flex-direction:column;justify-content:center;position:relative}.works,.works>*{overflow:hidden}.works .slider{display:flex;height:100%;left:0;position:absolute;transition:all 1s ease-in-out}@media screen and (max-width:768px){.works .slider{flex-direction:column;height:90vh;justify-content:space-between;padding:10%,0}}.works .slider .container{align-items:center;display:flex;height:450px;justify-content:center;margin:auto;max-height:80vh;overflow:hidden;width:100vw}.works .slider .container .item{align-items:center;background-color:#f5f5f5;border-radius:20px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);display:flex;height:80%;justify-content:center;max-width:80vw;transition:all 1s ease;width:700px}@media screen and (max-width:768px){.works .slider .container .item{height:85%;max-width:100vw}.works .slider .container .item,.works .slider .container .item>.left{-webkit-transform:scale(.9);transform:scale(.9)}}.works .slider .container .item .left{align-items:center;display:flex;flex:4 1;height:90%;justify-content:center}@media screen and (max-width:768px){.works .slider .container .item .left{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}.works .slider .container .item .left .leftContainer{display:flex;flex-direction:column;height:70%;justify-content:space-between;width:85%}.works .slider .container .item .left .leftContainer .imgContainer{align-items:center;background-color:#ceeff3;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}.works .slider .container .item .left .leftContainer .imgContainer img{height:25px}.works .slider .container .item .left .leftContainer h2{font-size:16px;margin-top:5px}.works .slider .container .item .left .leftContainer p{font-size:14px}.works .slider .container .item .left .leftContainer span{cursor:pointer;font-size:12px;font-weight:800;margin-top:1rem;text-decoration:underline}.works .slider .container .item .right{align-items:center;display:flex;flex:6 1;height:100%;justify-content:center;overflow:hidden}.works .slider .container .item .right img{object-fit:cover;-webkit-transform:rotate(-20deg);transform:rotate(-20deg);width:400px}.works .arrow{cursor:pointer;height:70px;position:absolute;transition:all 1s ease}@media screen and (max-width:768px){.works .arrow{display:none}}.works .arrow.left{left:5vh;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.works .arrow.left:hover{-webkit-transform:rotate(180deg) scale(1.2);transform:rotate(180deg) scale(1.2)}.works .arrow.right{right:5vh}.works .arrow.right:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.stack{background-color:#f5f5f5;flex-direction:column}.stack,.stack .container{align-items:center;display:flex;justify-content:center}.stack .container{align-items:flex-start;flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:5vh auto;max-width:90vw;position:relative;width:700px}@media screen and (max-width:768px){.stack .container{width:90vw}}.stack .container .img-container{flex:1 1 auto;height:100px;margin:10px 5px;overflow:hidden}@media screen and (max-width:768px){.stack .container .img-container{max-height:12vh}}.stack .container .img-container img{height:100%;object-fit:contain;width:100%}h1{font-size:clamp(36px,2.5vw,48px);font-weight:800;letter-spacing:3px;text-transform:uppercase}h2{font-size:clamp(24px,2.5vw,36px)}h3{font-size:clamp(20px,2.5vw,24px)}a{color:#c27fdd;font-family:Roboto Mono,monospace;text-decoration:none}.button{background-color:#c27fdd;background-image:linear-gradient(60deg,#c27fdd,#7cd3df 74%);background-size:200% 200%;border:none;border-radius:10px;box-shadow:1px 1px 10px rgba(0,0,0,.2);color:#fff;cursor:pointer;font-weight:800;margin:16px 0;padding:8px 12px;transition:all 2s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.button:hover{-webkit-animation:buttonHover 2s infinite;animation:buttonHover 2s infinite}@-webkit-keyframes buttonHover{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes buttonHover{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.app{color:#3d3d3d;height:100vh}.app .sections{background-color:#add8e6;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::-webkit-scrollbar{display:none}.app .sections>*{height:calc(100vh - 70px);scroll-snap-align:start;width:100vw}
/*# sourceMappingURL=main.82d169b3.css.map*/