.topbar{background-color:hsla(0,6%,85%,.252);color:#15023a;height:70px;position:fixed;top:0;transition:all .5s ease;width:100%;z-index:3}.topbar .wrapper{justify-content:space-between;padding:10px 30px}.topbar .wrapper,.topbar .wrapper .left,.topbar .wrapper .left .logo{align-items:center;display:flex}.topbar .wrapper .left .logo{color:crimson;font-size:50px;justify-content:center;margin-right:40px}.topbar .wrapper .left .itemContainer{align-items:center;display:flex;margin-left:30px}@media screen and (max-width:627px){.topbar .wrapper .left .itemContainer{display:none}}.topbar .wrapper .left .itemContainer .icon{font-size:22px;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:27px;justify-content:space-between;overflow:hidden;width:32px}.topbar .wrapper .right .hamburger span{background-color:#15023a;height:4px;-webkit-transform-origin:left;transform-origin:left;transition:all .5s ease;width:100%}.topbar.active{background-color:#15023a}.topbar.active *{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)}.intro{background-color:#fff;display:flex}@media screen and (max-width:768px){.intro{flex-direction:column}}.intro .left{align-items:center;display:flex;flex:.5 1;justify-content:center}@media screen and (max-width:768px){.intro .left{flex:.99 1}}@media screen and (max-width:426px){.intro .left{flex:.5 1}}.intro .left img{border:3px solid hsla(0,0%,100%,0);border-radius:6px;box-shadow:10px 13px 15px -8px #000;width:94%}@media screen and (max-width:768px){.intro .left img{height:88%;width:515px}}@media screen and (max-width:426px){.intro .left img{width:89%}}.intro .right{flex:.5 1;position:relative}.intro .right .wrapper{display:flex;flex-direction:column;height:100%;justify-content:center;padding-left:50px;width:100%}@media screen and (max-width:768px){.intro .right .wrapper{align-items:center;height:85%;padding:0}}.intro .right .wrapper h1{font-size:60px;margin:10px 0}@media screen and (max-width:768px){.intro .right .wrapper h1{font-size:48px;height:60px;margin:5px 0}}@media screen and (max-width:426px){.intro .right .wrapper h1{font-size:40px}}.intro .right .wrapper h2{font-size:35px}@media screen and (max-width:768px){.intro .right .wrapper h2{font-size:28px;height:34px}}@media screen and (max-width:426px){.intro .right .wrapper h2{font-size:24px;height:32px}}.intro .right .wrapper h3{font-size:28px}@media screen and (max-width:426px){.intro .right .wrapper h3{align-items:center;display:flex;flex-direction:column;font-size:25px;height:115px}}.intro .right .wrapper h3 span{color:crimson;font-size:inherit}.intro .right a{bottom:20px;left:40%;position:absolute}.intro .right a .icon{-webkit-animation:downArrowIcon 2s infinite;animation:downArrowIcon 2s infinite;color:#15023a;font-size:60px}@media screen and (max-width:768px){.intro .right a .icon{display:none}}@-webkit-keyframes downArrowIcon{to{opacity:0}}@keyframes downArrowIcon{to{opacity:0}}.portfolio{align-items:center;background-color:#fff;display:flex;flex-direction:column}.portfolio h1{font-size:50px;margin:10px 0}@media screen and (max-width:426px){.portfolio h1{font-size:38px}}.portfolio ul{align-items:center;display:flex;justify-content:space-around;list-style-type:none;padding:0}@media screen and (max-width:426px){.portfolio ul{margin:5px 0 10px}}.portfolio .container{align-items:center;display:flex;flex-wrap:wrap;height:auto;justify-content:center;margin-top:35px;width:80%}@media screen and (max-width:870px){.portfolio .container{width:95%}}@media screen and (max-width:426px){.portfolio .container{height:auto;margin-top:0;width:100%}}.portfolio .container .item{align-items:center;border:1px solid #bbbaba;border-radius:20px;color:#fff;cursor:pointer;display:flex;height:150px;justify-content:center;margin:20px;position:relative;transition:all .5s ease;width:220px}@media screen and (max-width:1300px){.portfolio .container .item{height:122px;margin:15px;width:200px}}@media screen and (max-width:870px){.portfolio .container .item{height:90px;margin:12px;width:150px}}@media screen and (max-width:426px){.portfolio .container .item{border-radius:10px;height:86px;margin:10px;width:112px}}.portfolio .container .item img{height:100%;object-fit:cover;width:100%;z-index:1}.portfolio .container .item:hover{background-color:#15023a}.portfolio .container .item:hover img{opacity:.2;z-index:0}.portfolio .container .item h3{position:absolute}.portfolioList{border-radius:5px;cursor:pointer;font-size:18px;margin-right:50px;padding:5px}@media screen and (max-width:426px){.portfolioList{font-size:15px;font-weight:500;margin-right:5px}}.portfolioList.active{background-color:crimson;color:#fff}.works{align-items:center;background-color:crimson;display:flex;justify-content:center;position:relative}@media screen and (max-width:426px){.works{display:block}}.works h1{font-size:50px;position:absolute;top:10px;z-index:1}@media screen and (max-width:426px){.works h1{font-size:38px;left:35%}}.works .arrow{-webkit-animation:arrow 2s infinite;animation:arrow 2s infinite;font-size:200%;position:absolute;z-index:1}@media screen and (max-width:426px){.works .arrow{display:none}}.works .arrow.left{left:8%}.works .arrow.right{right:8%}@-webkit-keyframes arrow{to{opacity:0}}@keyframes arrow{to{opacity:0}}.works .slider{display:flex;height:350px;left:0;position:absolute;transition:all 1s ease-out}@media screen and (max-width:426px){.works .slider{flex-direction:column;height:89%;top:60px}}.works .slider .container{align-items:center;display:flex;justify-content:center;padding:5px 0;width:100vw}.works .slider .container .item{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 0 15px -5px #000;display:flex;height:100%;justify-content:center;width:700px}@media screen and (max-width:970px){.works .slider .container .item{height:90%;width:62%}}@media screen and (max-width:768px){.works .slider .container .item{height:80%}}@media screen and (max-width:426px){.works .slider .container .item{border-radius:8px;box-shadow:-10px 7px 15px -8px #000;height:165px;margin:3px;width:85%}}.works .slider .container .item .left{align-items:center;display:flex;flex:4 1;height:80%;justify-content:center}@media screen and (max-width:426px){.works .slider .container .item .left{flex:5 1;height:100%}}.works .slider .container .item .left .leftContainer{display:flex;flex-direction:column;height:80%;justify-content:space-between;width:90%}@media screen and (max-width:970px){.works .slider .container .item .left .leftContainer{height:99%}}@media screen and (max-width:426px){.works .slider .container .item .left .leftContainer{justify-content:space-around}}.works .slider .container .item .left .leftContainer .iconContainer{align-items:center;background-color:#f79b7a;border-radius:20px;display:flex;height:40px;justify-content:center;width:40px}@media screen and (max-width:426px){.works .slider .container .item .left .leftContainer .iconContainer{border-radius:10px;height:30px;width:30px}}.works .slider .container .item .left .leftContainer h2{font-size:25px;font-weight:800}@media screen and (max-width:426px){.works .slider .container .item .left .leftContainer h2{font-size:15px}}.works .slider .container .item .left .leftContainer p{font-size:16px;font-weight:500}@media screen and (max-width:426px){.works .slider .container .item .left .leftContainer p{font-size:12px}}.works .slider .container .item .left .leftContainer a{font-size:14px;font-weight:600}@media screen and (max-width:426px){.works .slider .container .item .left .leftContainer a{font-size:13px}}.works .slider .container .item .right{align-items:center;display:flex;flex:8 1;height:100%;justify-content:center;overflow:hidden}.works .slider .container .item .right img{height:100%}@media screen and (max-width:426px){.works .slider .container .item .right img{border-radius:165px 0 0 0}}.testimonials{align-items:center;background-color:#fff;display:flex;flex-direction:column}.testimonials h1{font-size:50px;margin-top:10px}@media screen and (max-width:426px){.testimonials h1{font-size:38px}}.testimonials .container{align-items:center;display:flex;height:88%;justify-content:center;padding:0 40px;width:90%}@media screen and (max-width:426px){.testimonials .container{flex-direction:column;width:100%}}.testimonials .container .card{background-color:crimson;border-radius:20px;box-shadow:0 0 15px -6px #000;display:flex;flex-direction:column;height:70%;justify-content:space-around;padding:20px;transition:all .2s ease;width:250px}@media screen and (max-width:426px){.testimonials .container .card{border-radius:8px;flex-direction:row;height:100%;margin:5px;padding:0;position:relative;width:85%}}.testimonials .container .card.featured{height:75%;margin:0 30px;width:300px}@media screen and (max-width:426px){.testimonials .container .card.featured{height:100%;margin:5px;overflow:hidden;width:85%}}.testimonials .container .card:hover{background-color:#15023a;-webkit-transform:scale(1.1);transform:scale(1.1)}@media screen and (max-width:426px){.testimonials .container .card:hover{background-color:#15023a;-webkit-transform:scale(1);transform:scale(1)}}.testimonials .container .card .top{align-items:center;background-color:#fff;border-radius:10px;display:flex;justify-content:space-around;padding:10px 2px}@media screen and (max-width:426px){.testimonials .container .card .top{border-radius:8px;flex-direction:column;height:85%;justify-content:space-evenly;margin:3px;width:240%}}.testimonials .container .card .top .arrow-icon{font-size:25px}@media screen and (max-width:426px){.testimonials .container .card .top .arrow-icon{display:none}}.testimonials .container .card .top .LinkedIn-icon,.testimonials .container .card .top .Twitter-icon{color:#4267b2;cursor:pointer;font-size:25px}@media screen and (max-width:426px){.testimonials .container .card .top .LinkedIn-icon,.testimonials .container .card .top .Twitter-icon{font-size:22px}}.testimonials .container .card .top .YouTube-icon{color:red;cursor:pointer;font-size:27px}@media screen and (max-width:426px){.testimonials .container .card .top .YouTube-icon{font-size:23px}}.testimonials .container .card .top .image{border-radius:50%;height:100px;object-fit:cover;width:100px}@media screen and (max-width:426px){.testimonials .container .card .top .image{height:60px;width:60px}}.testimonials .container .card .center{background-color:#fff;border-radius:10px;padding:10px}@media screen and (max-width:426px){.testimonials .container .card .center{background-color:#f8f5c4;border-radius:8px;font-size:12px;height:85%;margin:3px;width:335%}}.testimonials .container .card .bottom{align-items:center;display:flex;flex-direction:column;justify-content:center}@media screen and (max-width:426px){.testimonials .container .card .bottom{left:6%;position:absolute;top:80%}}.testimonials .container .card .bottom h3{color:#fff;margin-bottom:5px}@media screen and (max-width:426px){.testimonials .container .card .bottom h3{color:#000;font-size:14px;margin-bottom:0}}.testimonials .container .card .bottom h5{color:#fff}@media screen and (max-width:426px){.testimonials .container .card .bottom h5{color:#000;font-size:10px}}.contact{background-color:crimson;display:flex;position:relative}@media screen and (max-width:426px){.contact{flex-direction:column}}.contact .left{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.contact .left h2{border-bottom:3px solid #000;font-size:30px;text-align:center;width:200px}@media screen and (max-width:426px){.contact .left h2{border:none;font-size:22px}}.contact .left .mediaContainer{align-items:center;display:flex;flex-wrap:wrap;height:60%;justify-content:center;width:100%}@media screen and (max-width:426px){.contact .left .mediaContainer{flex-direction:row;flex-wrap:nowrap}}.contact .left .mediaContainer .mediaItems{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:100px;justify-content:center;margin:10px;overflow:hidden;text-align:center;width:100px}@media screen and (max-width:426px){.contact .left .mediaContainer .mediaItems{height:74%}}.contact .left .mediaContainer .mediaItems a img{height:100%;object-fit:cover;position:relative;right:15px;top:2px;width:130%}.contact .right{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}@media screen and (max-width:426px){.contact .right{flex:2 1}}.contact .right h2{border-bottom:3px solid #000;font-size:30px;text-align:center;width:135px}@media screen and (max-width:426px){.contact .right h2{border:none;font-size:22px}}.contact .right form{align-items:center;display:flex;flex-direction:column;height:60%;justify-content:space-evenly;width:90%}@media screen and (max-width:426px){.contact .right form{height:90%}}.contact .right form input{height:8%}.contact .right form input,.contact .right form textarea{border:1px solid #000;border-radius:8px;font-size:14px;width:90%}.contact .right form textarea{height:45%}.contact .right form button{background-color:#000;border:2px solid #a3a3a3;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;font-weight:500;height:30px;width:28%}@media screen and (max-width:690px){.contact .right form button{width:95px}}.contact .right form button:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.app{height:100vh}.sections{height:calc(100vh - 70px);position:relative;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:none;top:70px;width:100%}.sections::-webkit-scrollbar{display:none}.sections>*{height:calc(100vh - 70px);scroll-snap-align:start;width:100vw}.menu{align-items:center;background-color:#15023a;display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;right:-250px;top:0;transition:all .5s ease;width:250px;z-index:2}@media screen and (max-width:426px){.menu{width:215px}}.menu.active{right:0}.menu ul{color:#fff;font-size:30px;font-weight:300;list-style-type:none;margin:0;padding:0;width:60%}.menu li{margin-bottom:20px}.menu li a{color:#fff;font-size:23px;text-decoration:none}.menu li:hover{font-weight:500}
/*# sourceMappingURL=main.9c952a40.css.map*/