.contact{align-items:center;background-color:#fff;display:flex;height:100%;justify-content:center;width:100%}@media (max-width:768px){.contact{flex-direction:column-reverse}}.contact .left{height:100%;width:40%}@media (max-width:768px){.contact .left{height:50%;width:80%}}.contact .left img{height:90%;width:100%}.contact .right{align-items:center;display:flex;height:100%;justify-content:center;width:60%}@media (max-width:768px){.contact .right{height:50%;width:100%}}.contact .right form{align-items:center;border-radius:10px;box-shadow:0 0 15px -8px #000;display:flex;flex-direction:column;height:70%;justify-content:space-around;width:70%}@media (max-width:768px){.contact .right form{height:90%;justify-content:space-around;width:80%}}.contact .right form input{height:10%;width:80%}.contact .right form textarea{width:80%}@media (max-width:768px){.contact .right form textarea{height:50%}}.contact .right form button{border:none;padding:1em;width:80%}.contact .right form span{color:crimson}.topbar{background-color:#fff;color:#343480;height:5rem;position:fixed;top:0;transition:all 2s ease;width:100%;z-index:2}.topbar .wrapper{padding:1em 1.5em}.topbar .wrapper,.topbar .wrapper .topbar-left{align-items:center;display:flex;justify-content:space-between}.topbar .wrapper .topbar-left{width:60%}.topbar .wrapper .topbar-left .logo{font-size:3rem;font-weight:700;margin-right:.5em;text-decoration:none}@media (max-width:768px){.topbar .wrapper .topbar-left .logo{font-size:2rem}}.topbar .wrapper .topbar-left .icon-container{align-items:center;display:flex}@media (max-width:768px){.topbar .wrapper .topbar-left .icon-container{display:none}}.topbar .wrapper .topbar-left .icon-container .icon{margin-right:.5em}.topbar .wrapper .topbar-right{width:10%}.topbar .wrapper .topbar-right .hamburger{display:flex;flex-direction:column;height:60%;justify-content:center;margin:auto;width:40px}.topbar .wrapper .topbar-right .hamburger span{background-color:#343480;color:#000;height:3px;margin:5.7px;-webkit-transform-origin:left;transform-origin:left;transition:all 2s ease;width:100%}.topbar.active{background-color:#343480;color:#fff}.topbar.active .logo{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)}.card{align-items:center;border-radius:20px;box-shadow:0 0 15px -8px #000;display:flex;flex-direction:column;height:65%;justify-content:space-between;transition:all .2s ease-in;width:300px}@media (max-width:768px){.card{height:220px;width:280px}}.card.featured{box-shadow:0 0 15px -8px #ea32c5;height:70%;margin:0 2em;width:350px}@media (max-width:768px){.card.featured{height:220px;width:300px}}.card .top{align-items:center;background-color:#f1778f;border-radius:0 0 50% 50%;display:flex;height:30%;justify-content:space-around;margin-bottom:1em;width:100%}.card .top img{height:40px;width:40px}@media (max-width:768px){.card .top img{height:20px;width:20px}}.card .top .profile{align-items:center;display:flex;height:100%;justify-content:center;width:40%}@media (max-width:768px){.card .top .profile{height:100%;width:45%}}.card .top .profile .user-img{border:1px solid #000;border-radius:50%;height:100%;width:90%}@media (max-width:768px){.card .top .profile .user-img{height:90%;width:40%}}.card .center{background-color:#f2e0ef;border-radius:10px;width:80%}.card .center p{padding:1rem 2rem}@media (max-width:768px){.card .center p{font-size:.7rem;padding:2px}}.card .bottom{align-items:center;display:flex;flex-direction:column;justify-content:center}.card .bottom h1{font-size:1.5rem}@media (max-width:768px){.card .bottom h1{font-size:1rem}}.card .bottom h2{font-size:1.5rem;margin:.5em 0 1em;opacity:.6}@media (max-width:768px){.card .bottom h2{font-size:1rem}}.testimonials{align-items:center;background-color:#fff;display:flex;flex-direction:column}@media (max-width:768px){.testimonials{flex-direction:column;height:100vh}}.testimonials h1{font-size:3rem;margin-top:1em}@media (max-width:768px){.testimonials h1{font-size:1.5rem}}.testimonials .container{align-items:center;display:flex;height:100%;justify-content:space-around;width:75%}@media (max-width:768px){.testimonials .container{flex-direction:column}}.intro{background-color:#fff;display:flex}@media (max-width:768px){.intro{align-items:center;flex-direction:column;font-size:10px;justify-content:center}}.intro .intro-left{flex:0.5 1}@media (max-width:768px){.intro .intro-left{flex:0.8 1}}.intro .intro-left .imgContainer{align-items:center;background-color:crimson;border-radius:50%;display:flex;float:right;height:700px;justify-content:center;overflow:hidden;width:700px}@media (max-width:768px){.intro .intro-left .imgContainer{align-items:flex-start;max-height:400px;max-height:340px;overflow:hidden}}.intro .intro-left .imgContainer img{height:100%;width:80%}@media (max-width:768px){.intro .intro-left .imgContainer img{max-height:100%;max-width:45%;overflow:hidden}}.intro .intro-right{flex:0.5 1;position:relative}.intro .intro-right .right-wrapper{align-items:flex-start;display:flex;flex-direction:column;height:80%;justify-content:center;padding-left:4em;width:100%}@media (max-width:768px){.intro .intro-right .right-wrapper{padding-left:0}}.intro .intro-right .right-wrapper h1{font-size:2rem;margin:.4em 0}.intro .intro-right .right-wrapper h2{font-size:3rem}.intro .intro-right .right-wrapper h3{font-size:2rem;margin:.4em 0}.intro .intro-right .right-wrapper h3 span{color:crimson;font-size:inherit}.intro .intro-right .right-wrapper h3 .ityped-cursor{-webkit-animation:blink .3s infinite;animation:blink .3s infinite}@-webkit-keyframes blink{50%{opacity:1}to{opacity:0}}@keyframes blink{50%{opacity:1}to{opacity:0}}.intro .intro-right .icon{display:flex;justify-content:center}.intro .intro-right .icon a{bottom:10px;position:absolute}.intro .intro-right .icon a img{-webkit-animation:arrowBlink 2s infinite;animation:arrowBlink 2s infinite;height:80px;width:90px}@-webkit-keyframes arrowBlink{to{opacity:0}}@keyframes arrowBlink{to{opacity:0}}.portfolio{align-items:center;background-color:#fff;display:flex;flex-direction:column;justify-content:center}@media (max-width:768px){.portfolio{justify-content:space-around}}.portfolio h1{font-size:3rem}.portfolio ul{align-items:center;display:flex;justify-content:center;margin:4em 0 2em;width:80%}@media (max-width:768px){.portfolio ul{justify-content:space-between;margin:0;padding:0}}.portfolio .container{align-items:center;display:flex;flex-wrap:wrap;height:200px;justify-content:space-around;width:80%}@media (max-width:768px){.portfolio .container{align-items:center;flex-direction:column;flex-wrap:nowrap;height:80%;justify-content:center}}.portfolio .container .item{border-radius:10%;height:200px;overflow:hidden;position:relative}@media (max-width:768px){.portfolio .container .item{height:70%;margin:1em 0 0;width:100%}}.portfolio .container .item img{border-radius:10%;height:200px;width:300px}.portfolio .container .item h3{word-wrap:break-word;font-size:2rem;left:20%;opacity:0;position:absolute;text-align:center;top:40%;width:6em}.portfolio .container .item:hover{background-color:#343480}.portfolio .container .item:hover img{opacity:.2;z-index:0}.portfolio .container .item:hover h3{color:#fff;opacity:1}.Portfolio li{background-color:#fff;border-radius:10px;color:#000;cursor:pointer;font-size:2rem;margin:0 2em;padding:.5em}@media (max-width:768px){.Portfolio li{font-size:1.5rem;margin:0 .2em}}.Portfolio li.active{background-color:crimson;color:#fff}.works{align-items:center;background-color:crimson;display:flex;justify-content:center;position:relative}.works h1{color:#fff;font-size:3rem;letter-spacing:3px;padding:1em;position:absolute;text-shadow:2px 2px 8px #343480;top:0}@media (max-width:768px){.works{flex-direction:column}}.works .arrow{cursor:pointer;height:auto;position:absolute;width:5%}@media (max-width:768px){.works .arrow{display:none}}.works .arrow.left{left:2em;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.works .arrow.right{right:2em}.works .slider{align-items:center;display:flex;height:400px;justify-content:center;left:0;overflow:hidden;position:absolute;transition:all 1s ease-in-out}@media (max-width:768px){.works .slider{flex-direction:column;height:80vh}}.works .slider .container{display:flex;justify-content:center;width:100vw}@media (max-width:768px){.works .slider .container{margin:1em;width:90vw}}.works .slider .container .item{align-items:center;background-color:#fff;border-radius:25px;display:flex;height:100%;justify-content:center;width:700px}@media (max-width:768px){.works .slider .container .item{height:250px;max-height:100%;width:90%}}.works .slider .container .item .left{align-items:center;display:flex;height:100%;justify-content:center;width:30%}@media (max-width:768px){.works .slider .container .item .left{flex-direction:column;max-height:90%;width:60%}}.works .slider .container .item .left .leftContainer{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:space-around;width:90%}.works .slider .container .item .left .leftContainer .imgContainer{background-color:#f7b197;border-radius:50%;display:flex;height:4em;justify-content:center;width:4em}@media (max-width:768px){.works .slider .container .item .left .leftContainer .imgContainer{height:1.5rem;width:1.5rem}}.works .slider .container .item .left .leftContainer .imgContainer img{width:3em}@media (max-width:768px){.works .slider .container .item .left .leftContainer .imgContainer img{height:1.5rem;width:1.5rem}}.works .slider .container .item .left .leftContainer h2{font-size:2rem}@media (max-width:768px){.works .slider .container .item .left .leftContainer h2{font-size:1.5rem}}.works .slider .container .item .left .leftContainer p{font-size:1rem}@media (max-width:768px){.works .slider .container .item .left .leftContainer p{font-size:.7rem}}.works .slider .container .item .right{height:100%;width:70%}@media (max-width:768px){.works .slider .container .item .right{width:40%}}.works .slider .container .item .right .imgContainer{display:flex;height:100%;justify-content:flex-end;width:100%}.works .slider .container .item .right .imgContainer img{height:400px;right:0;width:auto}@media (max-width:768px){.works .slider .container .item .right .imgContainer img{height:100%}}.menu{background-color:#343480;height:calc(100vh - 5rem);justify-content:flex-start;position:fixed;right:-20%;top:5rem;transition:all 1s ease;width:20%;z-index:2}.menu,.menu .menu-ul{align-items:center;display:flex}.menu .menu-ul{flex-direction:column;height:60%;justify-content:space-around}.menu .menu-ul a{color:#fff;font-size:2rem;text-decoration:none}.menu.active{right:0}@media (max-width:768px){.menu.active{align-items:flex-start;margin:auto;padding:0;width:50%}}.menu.active .menu-ul{padding:0;width:100%}.app{height:100vh}@media (max-width:768px){.app{font-size:10px}}.app .sections{background-color:#f08080;height:calc(100vh - 5rem);position:relative;scroll-behavior:smooth;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;scrollbar-width:none;top:5rem;width:100%}.app .sections::-webkit-scrollbar{display:none}.app .sections>*{height:calc(100vh - 5rem);scroll-snap-align:start;width:100vw}
/*# sourceMappingURL=main.d0ca48af.css.map*/