@charset "UTF-8";.topbar{width:100%;height:7rem;background-color:#fff;color:#353535;position:fixed;top:0;z-index:3;transition:all 1s ease;overflow:hidden}.topbar:after{content:"";position:absolute;bottom:-.5rem;left:0;width:100%;height:1rem;background-image:linear-gradient(to right,#d9d9d9 35%,#3c6e71)}.topbar .wrapper{padding:0rem 2rem;display:flex;align-items:center;justify-content:space-between}.topbar .wrapper .logo{font-size:5rem;font-weight:700;text-decoration:none;color:inherit}.topbar .wrapper .logo:hover{background:linear-gradient(to right,#d9d9d9,#3c6e71);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.topbar .wrapper .itemContainer{display:flex;flex-direction:column;justify-content:center;align-items:center}@media only screen and (max-width: 37.5em){.topbar .wrapper .itemContainer{display:none}}.topbar .wrapper .itemContainer .icon{font-size:3.5rem}.topbar .wrapper .itemContainer span{font-size:1rem;font-weight:500}.topbar .wrapper .socialContainer{display:flex;flex-direction:column;align-items:center}@media only screen and (max-width: 37.5em){.topbar .wrapper .socialContainer{display:none}}.topbar .wrapper .socialContainer .icon{font-size:4rem;color:#353535;transition:all 1s ease}.topbar .wrapper .socialContainer .icon:hover{color:#284b63}.topbar .wrapper .hamburger{width:4rem;height:3rem;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;overflow:hidden}.topbar .wrapper .hamburger span{width:100%;height:.3rem;background-color:#15023a;transform-origin:left;transition:all 1s ease}.topbar.active{background-color:#284b63;color:#fff;transition:all 1s ease}.topbar.active .wrapper .socialContainer .icon{color:#fff;transition:all 1s ease}.topbar.active .hamburger span{transition:all 1s ease-in}.topbar.active .hamburger span:first-child{background-color:#fff;transform:rotate(45deg)}.topbar.active .hamburger span:nth-child(2){opacity:0}.topbar.active .hamburger span:last-child{background-color:#fff;transform:rotate(-45deg)}.intro{background-image:linear-gradient(to top,rgb(249,249,249) 0%,rgb(230,230,230) 50%,rgb(210,210,210) 80%,rgb(190,190,190) 100%);display:flex;flex-direction:row}@media only screen and (max-width: 56.25em){.intro{flex-direction:column}}.intro .left{flex:.6;overflow:hidden}@media only screen and (max-width: 56.25em){.intro .left{justify-content:center;align-items:center;display:flex;flex:.8}}@media only screen and (max-width: 37.5em){.intro .left{flex:.6}}.intro .left .imgContainer{width:60rem;height:60rem;background-image:linear-gradient(to top,#3c6e71,#d9d9d9);border-radius:50%;display:flex;align-items:flex-start;justify-content:center;float:right;position:relative;box-shadow:0 0 .5rem #3c6e714d;opacity:0;transform:translate(-35rem);overflow:hidden;margin-top:1rem}@media only screen and (max-width: 56.25em){.intro .left .imgContainer{margin-top:10rem}}@media only screen and (max-width: 37.5em){.intro .left .imgContainer{margin-top:-1rem;width:42.5rem;height:42.5rem}}.intro .left .imgContainer .profileImg{opacity:0;height:85rem;width:auto;position:absolute;top:-22.5rem;right:-2.5rem}@media only screen and (max-width: 37.5em){.intro .left .imgContainer .profileImg{height:60rem;top:-12.5rem}}.intro .left .imgContainer.active{opacity:1;transform:translate(0);transition:all .75s ease-in}.intro .left .imgContainer.active .profileImg{opacity:1;transition:all 1s ease-in .75s}.intro .left .imgContainer .iconContainer.active .giticon{transition:all .25s ease-in 1.5s;opacity:1}.intro .left .imgContainer .iconContainer.active .javaicon{transition:all .25s ease-in 1.7s;opacity:1}.intro .left .imgContainer .iconContainer.active .reacticon{transition:all .25s ease-in 1.9s;opacity:1}.intro .left .imgContainer .iconContainer.active .sassicon{transition:all .25s ease-in 2.1s;opacity:1}.intro .left .imgContainer .iconContainer.active .nodeicon{transition:all .25s ease-in 2.3s;opacity:1}.intro .left .imgContainer .iconContainer.active .bookicon{transition:all .25s ease-in 2.5s;opacity:1}.intro .left .imgContainer .iconContainer.active .podcasticon{transition:all .25s ease-in 2.7s;opacity:1}.intro .left .imgContainer .iconContainer.active .wrestlingicon{transition:all .25s ease-in 2.9s;opacity:1}.intro .left .imgContainer .iconContainer .giticon{position:absolute;top:0;left:50%;transform:translate(-50%);width:8rem;height:8rem;border-radius:50%;background-color:#d9d9d9;display:flex;justify-content:center;align-items:center;opacity:.75;box-shadow:0 0 .15rem #ffffff80;overflow:hidden;opacity:0;transform:translateY(38rem) translate(17rem)}.intro .left .imgContainer .iconContainer .giticon img{height:7rem;width:7rem}@media only screen and (max-width: 37.5em){.intro .left .imgContainer .iconContainer .giticon{width:6rem;height:6rem}.intro .left .imgContainer .iconContainer .giticon img{width:5rem;height:5rem}}@media only screen and (max-width: 37.5em){.intro .left .imgContainer .iconContainer .giticon{transform:translateY(25rem) translate(11rem)}}.intro .left .imgContainer .iconContainer .javaicon{position:absolute;top:0;left:50%;transform:translate(-50%);width:8rem;height:8rem;border-radius:50%;background-color:#d9d9d9;display:flex;justify-content:center;align-items:center;opacity:.75;box-shadow:0 0 .15rem #ffffff80;overflow:hidden;opacity:0;transform:translateY(25rem) translate(20rem)}.intro .left .imgContainer .iconContainer .javaicon img{height:7rem;width:7rem}@media only screen and (max-width: 37.5em){.intro .left .imgContainer .iconContainer .javaicon{width:6rem;height:6rem}.intro .left .imgContainer .iconContainer .javaicon img{width:5rem;height:5rem}}@media only screen and (max-width: 37.5em){.intro .left .imgContainer .iconContainer .javaicon{transform:translateY(15.5rem) translate(13rem)}}.intro .left .imgContainer .iconContainer .reacticon{position:absolute;top:0;left:50%;transform:translate(-50%);width:8rem;height:8rem;border-radius:50%;background-color:#d9d9d9;display:flex;justify-content:center;align-items:center;opacity:.75;box-shadow:0 0 .15rem #ffffff80;overflow:hidden;opacity:0;transform:translateY(12rem) translate(14rem)}.intro .left .imgContainer .iconContainer .reacticon img{height:7rem;width:7rem}@media only screen and (max-width: 37.5em){.intro .left .imgContainer .iconContainer .reacticon{width:6rem;height:6rem}.intro .left .imgContainer .iconContainer .reacticon img{width:5rem;height:5rem}}@media only screen and (max-width: 37.5em){.intro .left .imgContainer .iconContainer .reacticon{transform:translateY(8rem) translate(8rem)}}.intro .left .imgContainer .iconContainer .sassicon{position:absolute;top:0;left:50%;transform:translate(-50%);width:8rem;height:8rem;border-radius:50%;background-color:#d9d9d9;display:flex;justify-content:center;align-items:center;opacity:.75;box-shadow:0 0 .15rem #ffffff80;overflow:hidden;opacity:0;transform:translateY(3rem) translate(3rem)}.intro .left .imgContainer .iconContainer .sassicon img{height:7rem;width:7rem}@media only screen and (max-width: 37.5em){.intro .left .imgContainer .iconContainer .sassicon{width:6rem;height:6rem}.intro .left .imgContainer .iconContainer .sassicon img{width:5rem;height:5rem}}@media only screen and (max-width: 37.5em){.intro .left .imgContainer .iconContainer .sassicon{transform:translateY(2rem) translate(1rem)}}.intro .left .imgContainer .iconContainer .nodeicon{position:absolute;top:0;left:50%;transform:translate(-50%);width:8rem;height:8rem;border-radius:50%;background-color:#d9d9d9;display:flex;justify-content:center;align-items:center;opacity:.75;box-shadow:0 0 .15rem #ffffff80;overflow:hidden;opacity:0;transform:translateY(3rem) translate(-11rem)}.intro .left .imgContainer .iconContainer .nodeicon img{height:7rem;width:7rem}@media only screen and (max-width: 37.5em){.intro .left .imgContainer .iconContainer .nodeicon{width:6rem;height:6rem}.intro .left .imgContainer .iconContainer .nodeicon img{width:5rem;height:5rem}}@media only screen and (max-width: 37.5em){.intro .left .imgContainer .iconContainer .nodeicon{transform:translateY(2rem) translate(-7rem)}}.intro .left .imgContainer .iconContainer .bookicon{position:absolute;top:0;left:50%;transform:translate(-50%);width:8rem;height:8rem;border-radius:50%;background-color:#d9d9d9;display:flex;justify-content:center;align-items:center;opacity:.75;box-shadow:0 0 .15rem #ffffff80;overflow:hidden;opacity:0;transform:translateY(12rem) translate(-22rem)}.intro .left .imgContainer .iconContainer .bookicon img{height:7rem;width:7rem}@media only screen and (max-width: 37.5em){.intro .left .imgContainer .iconContainer .bookicon{width:6rem;height:6rem}.intro .left .imgContainer .iconContainer .bookicon img{width:5rem;height:5rem}}@media only screen and (max-width: 37.5em){.intro .left .imgContainer .iconContainer .bookicon{transform:translateY(8rem) translate(-15rem)}}.intro .left .imgContainer .iconContainer .podcasticon{position:absolute;top:0;left:50%;transform:translate(-50%);width:8rem;height:8rem;border-radius:50%;background-color:#d9d9d9;display:flex;justify-content:center;align-items:center;opacity:.75;box-shadow:0 0 .15rem #ffffff80;overflow:hidden;opacity:0;transform:translateY(25rem) translate(-28rem)}.intro .left .imgContainer .iconContainer .podcasticon img{height:7rem;width:7rem}@media only screen and (max-width: 37.5em){.intro .left .imgContainer .iconContainer .podcasticon{width:6rem;height:6rem}.intro .left .imgContainer .iconContainer .podcasticon img{width:5rem;height:5rem}}@media only screen and (max-width: 37.5em){.intro .left .imgContainer .iconContainer .podcasticon{transform:translateY(15.5rem) translate(-19rem)}}.intro .left .imgContainer .iconContainer .wrestlingicon{position:absolute;top:0;left:50%;transform:translate(-50%);width:8rem;height:8rem;border-radius:50%;background-color:#d9d9d9;display:flex;justify-content:center;align-items:center;opacity:.75;box-shadow:0 0 .15rem #ffffff80;overflow:hidden;opacity:0;transform:translateY(38rem) translate(-26rem)}.intro .left .imgContainer .iconContainer .wrestlingicon img{height:7rem;width:7rem}@media only screen and (max-width: 37.5em){.intro .left .imgContainer .iconContainer .wrestlingicon{width:6rem;height:6rem}.intro .left .imgContainer .iconContainer .wrestlingicon img{width:5rem;height:5rem}}.intro .left .imgContainer .iconContainer .wrestlingicon img{width:4rem}@media only screen and (max-width: 37.5em){.intro .left .imgContainer .iconContainer .wrestlingicon{transform:translateY(25rem) translate(-17rem)}.intro .left .imgContainer .iconContainer .wrestlingicon img{width:3rem}}.intro .right{flex:.5;position:relative}@media only screen and (max-width: 56.25em){.intro .right{flex:.3}}.intro .right .wrapper{width:90%;height:100%;padding-left:50px;display:flex;flex-direction:column;justify-content:center}.intro .right .wrapper h2{font-size:3rem;opacity:0;color:#353535;overflow:hidden}.intro .right .wrapper h1{font-size:4.5rem;margin:10px 0;opacity:0;color:#353535;overflow:hidden}.intro .right .wrapper h3{font-size:4rem;opacity:0;color:#353535;overflow:hidden}.intro .right .wrapper h3 span{font-size:4rem;color:#284b63;font-family:Dosis,sans-serif;overflow:hidden}.intro .right .wrapper h3 .typed-cursor{animation:blink 1s infinite}@keyframes blink{50%{opacity:1}to{opacity:0}}.intro .right .wrapper.active h1{transition:all .5s ease-in 3.5s;opacity:1}.intro .right .wrapper.active h2{transition:all .5s ease-in 3s;opacity:1}.intro .right .wrapper.active h3{transition:all .5s ease-in 4s;opacity:1}.intro .right a{position:absolute;bottom:10px;left:30%}@media only screen and (max-width: 56.25em){.intro .right a{left:80%}}.intro .right a img{width:30px;animation:arrowBlink 4s infinite;cursor:pointer}@keyframes arrowBlink{to{opacity:0}}.portfolioList{display:flex;justify-content:center;align-items:center;font-size:1.25rem;margin:0rem 2rem;padding:1rem .75rem;color:#3c6e71;font-weight:700;border-radius:1rem;cursor:pointer;background-color:#d9d9d9;transition:all 1s ease;overflow:hidden;border:.25rem solid #3c6e71}@media only screen and (max-width: 56.25em){.portfolioList{font-size:2.5rem;padding:1.5rem;margin:0rem 2rem}}@media only screen and (max-width: 37.5em){.portfolioList{font-size:2rem;padding:1.75rem 1.25rem;margin:0 1rem}}.portfolioList.active{background-color:#3c6e71;color:#d9d9d9;border:1px solid #3c6e71;transition:all .75s ease-in}.portfolio{background-image:linear-gradient(to bottom,rgb(249,249,249) 0%,rgb(230,230,230) 50%,rgb(210,210,210) 80%,rgb(190,190,190) 100%);display:flex;flex-direction:column;align-items:center}@media only screen and (max-width: 37.5em){.portfolio{height:auto}}.portfolio h1{font-size:6rem;font-weight:700;background:linear-gradient(to left,#353535,#3c6e71);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Titillium Web,sans-serif;letter-spacing:2px;overflow:hidden;padding:.5rem;display:flex;position:relative;top:0%}@media only screen and (max-width: 56.25em){.portfolio h1{font-size:9rem;padding:1rem}}@media only screen and (max-width: 37.5em){.portfolio h1{font-size:6rem;padding:4.5rem}}.portfolio ul{padding:0;list-style:none;display:flex;overflow:hidden;margin:1rem}@media only screen and (max-width: 56.25em){.portfolio ul{padding:1.5rem}}@media only screen and (max-width: 37.5em){.portfolio ul{padding:2.25rem}}.portfolio .container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;overflow:hidden}@media only screen and (max-width: 56.25em){.portfolio .container{overflow:auto}}.portfolio .container .item{position:relative;width:24rem;height:30rem;opacity:0;border-radius:1rem;transition:box-shadow .3s ease-in-out;padding:1rem;margin:1rem;background:linear-gradient(to top,#d9d9d9 17.5%,#3c6e71);border:.25rem solid #353535;box-shadow:0 0 1rem #4f4f4f66;overflow:hidden}.portfolio .container .item:hover{box-shadow:0 0 1.5rem #4f4f4f66}.portfolio .container .item:hover img{filter:brightness(60%);transition:all .75s ease-in}.portfolio .container .item:hover .iconContainer{transition:all .75s ease-in;opacity:1}@media only screen and (max-width: 56.25em){.portfolio .container .item{width:32.5rem;height:45rem;margin:3rem;padding:1.25rem}}.portfolio .container .item.active:nth-child(1){transition:all .5s ease-in;opacity:1}.portfolio .container .item.active:nth-child(2){transition:all .5s ease-in .5s;opacity:1}.portfolio .container .item.active:nth-child(3){transition:all .5s ease-in 1s;opacity:1}.portfolio .container .item.active:nth-child(4){transition:all .5s ease-in 1.5s;opacity:1}.portfolio .container .item img{width:100%;height:85%;object-fit:cover;border-top-left-radius:1rem;border-top-right-radius:1rem;transition:filter .3s ease-in-out;border:.2rem solid #353535}.portfolio .container .item .iconContainer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;width:100%;height:100%;opacity:0;transition:all .75s ease}@media only screen and (max-width: 56.25em){.portfolio .container .item .iconContainer{opacity:1}}.portfolio .container .item .iconContainer div{display:flex;justify-content:center;align-items:center;width:5rem;height:5rem;margin:2rem;border-radius:50%;background-color:#d9d9d9;transition:all .3s ease-in-out}@media only screen and (max-width: 56.25em){.portfolio .container .item .iconContainer div{margin:5rem;width:6.5rem;height:6.5rem}}.portfolio .container .item .iconContainer div:hover{background-color:#284b63;color:#d9d9d9;box-shadow:0 0 15px #fff9}.portfolio .container .item .iconContainer div:hover svg{color:#d9d9d9}.portfolio .container .item .iconContainer div svg{font-size:4.5rem;color:#284b63}@media only screen and (max-width: 56.25em){.portfolio .container .item .iconContainer div svg{font-size:5.5rem}}.portfolio .container .item .textContainer{height:auto;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden;padding:.25rem}.portfolio .container .item .textContainer h2{position:absolute;margin:0;font-size:1.6rem;font-weight:700;color:#3c6e71;text-align:center;padding:.7rem;background-color:#d9d9d9;border-top-left-radius:1rem;border-top-right-radius:1rem;top:23.6rem;z-index:3}@media only screen and (max-width: 56.25em){.portfolio .container .item .textContainer h2{top:36.5rem;font-size:2rem}}.portfolio .container .item .textContainer h4{display:flex;justify-content:center;color:#353535;text-align:center;font-size:1.5rem;font-weight:400;line-height:2rem;overflow:hidden}@media only screen and (max-width: 56.25em){.portfolio .container .item .textContainer h4{font-size:1.8rem}}.works{background-image:linear-gradient(to top,rgb(249,249,249) 0%,rgb(230,230,230) 50%,rgb(210,210,210) 80%,rgb(190,190,190) 100%);display:flex;justify-content:center;align-items:center;position:relative;user-select:none}.works h1{display:flex;justify-content:center;align-items:center;z-index:10;position:absolute;font-size:7rem;user-select:none;font-weight:700;background:linear-gradient(to left,#353535,#3c6e71);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Titillium Web,sans-serif;letter-spacing:2px;top:-1rem}@media only screen and (max-width: 56.25em){.works h1{font-size:10rem;top:3.5rem}}@media only screen and (max-width: 37.5em){.works h1{font-size:7.5rem;top:0}}.works .arrow{height:7rem;position:absolute;cursor:pointer;user-select:none}.works .arrow.left{left:5rem;transform:rotateY(180deg);user-select:none;transition:all .4s ease}.works .arrow.left:hover{transform:scale(1.2) rotateY(180deg);transition:all .4s ease}.works .arrow.left:hover:active{transform:scale(1) rotateY(180deg)}.works .arrow.right{right:5rem;user-select:none;transition:all .4s ease}.works .arrow.right:hover{transform:scale(1.2)}.works .arrow.right:hover:active{transform:scale(1)}@media only screen and (max-width: 56.25em){.works .arrow{height:10rem}.works .arrow.left{left:1.5rem;top:7.5rem}.works .arrow.right{top:7.5rem;right:1.5rem}}@media only screen and (max-width: 37.5em){.works .arrow{height:7.5rem}.works .arrow.left,.works .arrow.right{top:2rem}}.works .slider{height:40rem;display:flex;position:absolute;left:0;top:9.5rem;transition:all 1s ease-in-out;user-select:none}@media only screen and (max-width: 56.25em){.works .slider{height:70rem;top:30rem}}@media only screen and (max-width: 37.5em){.works .slider{height:87.5%;top:10.5rem}}.works .slider .container{width:100vw;display:flex;justify-content:center;align-items:center;user-select:none;transition:all .5s ease;overflow:hidden;opacity:0}.works .slider .container.active{opacity:1;transition:all 1.5s ease-in-out .2s}.works .slider .container .item{width:80rem;height:95%;background:linear-gradient(to bottom right,#d9d9d9 55%,#3c6e71);border:1.5px solid #284b63;border-radius:20px;display:flex;justify-content:center;align-items:center;user-select:none}@media only screen and (max-width: 37.5em){.works .slider .container .item{flex-direction:column}}.works .slider .container .item .left{flex:4;height:100%;display:flex;justify-content:center;align-items:center;user-select:none}@media only screen and (max-width: 56.25em){.works .slider .container .item .left{flex:6.5}}@media only screen and (max-width: 37.5em){.works .slider .container .item .left{flex:7.2}}.works .slider .container .item .left .leftContainer{width:90%;height:90%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;user-select:none;overflow:hidden}.works .slider .container .item .left .leftContainer h2{text-align:center;font-size:2.75rem;user-select:none;color:#284b63;transform:translate(-800px);transition:all .5s ease-in .35s;opacity:0}@media only screen and (max-width: 56.25em){.works .slider .container .item .left .leftContainer h2{font-size:5rem}}@media only screen and (max-width: 37.5em){.works .slider .container .item .left .leftContainer h2{font-size:3.5rem}}.works .slider .container .item .left .leftContainer h2.active{transform:translate(0);transition:transform 1.5s ease-in-out .75s,opacity 1s ease-in-out 1s;opacity:1}.works .slider .container .item .left .leftContainer p{font-size:1.25rem;user-select:none;line-height:1.5;color:#353535;transform:translateY(400px);transition:all .5s ease-in .35s;opacity:0;overflow:hidden}@media only screen and (max-width: 56.25em){.works .slider .container .item .left .leftContainer p{font-size:2rem}}@media only screen and (max-width: 37.5em){.works .slider .container .item .left .leftContainer p{font-size:1.85rem}}.works .slider .container .item .left .leftContainer p.active{transform:translateY(0);transition:transform 1.5s ease-in-out .75s,opacity 1s ease-in-out 1s;transition-delay:.5s;opacity:1}.works .slider .container .item .right{flex:6;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;user-select:none}.works .slider .container .item .right img{width:0px;transform:rotate(45deg);user-select:none;transition:all .5s ease-in .35s;opacity:0}.works .slider .container .item .right img.active{opacity:1;width:40rem;transition:all 1.5s ease-in-out 1s;transform:rotate(-15deg)}@media only screen and (max-width: 37.5em){.works .slider .container .item .right img.active{width:32.5rem}}.contact{background-image:linear-gradient(to top,rgb(249,249,249) 0%,rgb(230,230,230) 50%,rgb(210,210,210) 80%,rgb(190,190,190) 100%);display:flex}@media only screen and (max-width: 37.5em){.contact{flex-direction:column}}.contact .left{overflow:hidden;flex:.6;display:flex;align-items:center}.contact .left img{height:90%;width:100%}@media only screen and (max-width: 37.5em){.contact .left{flex:.4}.contact .left img{height:100%;width:100%}}.contact .right{flex:.4;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:1rem 0rem}@media only screen and (max-width: 37.5em){.contact .right{flex:.6}}.contact .right h2{font-size:3.5rem;background:linear-gradient(to left,#353535,#3c6e71);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Titillium Web,sans-serif;letter-spacing:2px;margin-bottom:2rem;margin-top:10rem}@media only screen and (max-width: 37.5em){.contact .right h2{margin-top:1rem}}.contact .right form{width:100%;height:70%;display:flex;flex-direction:column;align-items:center}@media only screen and (max-width: 37.5em){.contact .right form{height:100%}}.contact .right form input{width:35rem;height:3rem;font-size:1.4rem;margin-bottom:2rem;border:1px solid #353535}@media only screen and (max-width: 56.25em){.contact .right form input{width:26.5rem;height:3rem}}@media only screen and (max-width: 37.5em){.contact .right form input{width:30rem;height:2rem;margin-bottom:.5rem}}.contact .right form textarea{width:35rem;height:25rem;font-size:1.4rem;margin-bottom:2rem;border:1px solid #353535}@media only screen and (max-width: 56.25em){.contact .right form textarea{width:26.5rem}}@media only screen and (max-width: 37.5em){.contact .right form textarea{width:30rem;margin-bottom:.5rem}}.contact .right form button{width:15rem;height:3rem;color:#fff;background-color:#3c6e71;border:none;border-radius:1rem;font-weight:500;cursor:pointer}@media only screen and (max-width: 37.5em){.contact .right form button{margin-bottom:-20rem}}.contact .right form button:hover{transform:scale(1.1)}.contact .right form button:active{transform:scale(1)}.contact .right form button:focus{outline:none}.contact .right form span{color:green}.testimonials{background-image:linear-gradient(to bottom,rgb(249,249,249) 0%,rgb(230,230,230) 50%,rgb(210,210,210) 80%,rgb(190,190,190) 100%);display:flex;flex-direction:column;align-items:center}.testimonials h1{background:linear-gradient(to right,#d9d9d9,#3c6e71);font-weight:700;background:linear-gradient(to left,#353535,#3c6e71);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Titillium Web,sans-serif;letter-spacing:2px;font-size:8rem;overflow:hidden}.testimonials .container{width:80rem;height:55rem;display:flex;align-items:center;justify-content:center;overflow:hidden}@media only screen and (max-width: 37.5em){.testimonials .container{flex-direction:column;height:85rem}}.testimonials .container .card{border-radius:1rem;display:flex;flex-direction:column;justify-content:space-around;padding:1.5rem;transition:all .5s ease;width:30rem;height:80%;background:linear-gradient(to bottom,#d9d9d9 15%,#3c6e71);box-shadow:0 0 10px #4f4f4f66;border:1.5px solid #284b63;position:relative;opacity:0;margin:0 3rem;overflow:hidden}@media only screen and (max-width: 37.5em){.testimonials .container .card{flex-direction:column;margin:1rem;justify-content:space-between}}.testimonials .container .card.active{opacity:1;transition:all 1s ease-in}.testimonials .container .card:hover{transition:all .5s ease-in;transform:scale(1.1)}.testimonials .container .card .top{display:flex;align-items:center;justify-content:center;overflow:hidden}.testimonials .container .card .top .right .icon{font-size:7.5rem;color:#fff}.testimonials .container .card .top .right .icon:hover{color:#284b63}.testimonials .container .card .top img.user{height:11rem;width:11rem;border-radius:50%;object-fit:cover;margin:0 2.5rem;box-shadow:0 0 1px #4f4f4f66}.testimonials .container .card .center{padding:10px;border-radius:10px;background-color:#fff;color:#353535;border:1.25px solid #353535;overflow:hidden}@media only screen and (max-width: 37.5em){.testimonials .container .card .center{padding:15px;margin-top:0}}.testimonials .container .card .center:before{content:"\201c";position:absolute;top:18.5rem;left:1.5rem;line-height:1;font-size:12.5rem;color:#d9d9d9;font-family:sans-serif;z-index:1}@media only screen and (max-width: 37.5em){.testimonials .container .card .center:before{top:14.5rem;left:1.5rem}}.testimonials .container .card .center p{z-index:2;font-size:1.6rem;position:relative}.testimonials .container .card .bottom{display:flex;align-items:center;flex-direction:column;justify-content:center;overflow:hidden}.testimonials .container .card .bottom h3{margin-bottom:.5rem;color:#fff;font-size:2.5rem;overflow:hidden}.testimonials .container .card .bottom h4{color:#d9d9d9;font-size:1.5rem;overflow:hidden}.menu{width:30rem;height:100vh;background-color:#284b63;position:fixed;top:0;right:-30rem;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all 1s ease}.menu.active{right:0}.menu ul{margin:0;padding:0;list-style:none;font-weight:300;width:60%;font-size:35px;color:#fff}.menu li{margin-bottom:25px}.menu li a{font-size:inherit;color:inherit;text-decoration:none}.menu li:hover{font-weight:500}.bold-text{font-size:15px;font-weight:800;color:#000;text-align:left}.p-text{font-size:12px;text-align:left;color:gray;line-height:1.5}html{font-size:62.5%}@media only screen and (max-width: 37.5em){html{font-size:50%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}.app{height:100vh}.app .sections{width:100%;height:calc(100vh - 7rem);background-color:#fff;position:relative;top:7rem;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:none}.app .sections::-webkit-scrollbar{display:none}.app .sections>*{width:100vw;height:calc(100vh - 7rem);scroll-snap-align:start;user-select:none}