@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";*{margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}html{background:#1e1a20;scroll-behavior:smooth;font-family:Roboto,sans-serif}h1{font-size:15vw}#landing{display:flex;justify-content:flex-start}.sub{color:#548ca8;font-size:2.5rem}.stack{display:flex;align-items:flex-start;justify-content:flex-start;transform:translateY(225px);font-size:1.5rem;color:#fff;text-transform:uppercase}.stack span{color:#548ca8}.contact-form{display:flex;flex-direction:column;height:20vh;justify-content:space-around}.contact-form p{font-size:1.5rem;padding-left:.83rem}.contact-form span{color:#548ca8}#contact{display:flex;justify-content:flex-start}input{text-indent:1rem}.honey{display:none}a,a:visited{color:#000;text-decoration:none}.button{height:2.5rem;width:10rem;border:none;border-radius:25px;font-weight:700;font-size:.9rem;background-color:#fff;color:#000}button:hover{background-color:#a9a9a9;border:none;cursor:pointer}.button span{cursor:pointer;display:inline-block;position:relative;transition:.5s}.button span:after{content:"»";position:absolute;opacity:0;top:0;right:-20px;transition:.5s}.button:hover span{padding-right:25px}.button:hover span:after{opacity:1;right:0}#email{width:75%}textarea{height:20vh;width:75%;resize:none;border-radius:25px;font-family:Roboto,sans-serif;margin-top:40px;text-indent:1rem;padding-top:1rem;font-weight:700;font-size:1rem}.webgl{position:fixed;top:0;left:0;outline:none}.header{display:flex;column-gap:1}.section{display:flex;align-items:center;height:100vh;position:relative;color:#ffeded;text-transform:uppercase;font-size:7vmin;justify-content:center;padding-left:10%;padding-right:10%}section:nth-child(odd){justify-content:flex-end}@keyframes marquee{0%{left:0}to{left:-100%}}@keyframes marqueeMobile{0%{left:0}to{left:-200%}}.animate{width:200%;animation:marquee 20s linear infinite;top:50%;transform:translateY(-50%)}.logo_ticker{height:150px;position:relative;overflow:hidden}.logo_ticker_inner{display:flex;position:absolute;left:0}.logos{display:flex;justify-content:space-around;height:10vh;width:50%}#about{margin-top:5%}.container{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.container .card{position:relative;width:300px;height:400px;margin:20px;box-shadow:0 15px 35px #00000080;border-radius:15px;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(10px);overflow:hidden}.container .card .content{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:.5s}.container .card:hover .content{transform:translateY(-20px)}.container .card .content .imgBx{position:relative;width:150px;height:150px;overflow:hidden}.container .card .content .imgBx img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.container .card .content .contentBx h3{color:#fff;text-transform:uppercase;letter-spacing:2px;font-weight:500;font-size:18px;text-align:center;margin:20px 0 10px;line-height:1.1em}.container .card .content .contentBx h3 p{font-size:.1rem;font-weight:300;text-transform:initial;opacity:0}.container .card:hover .content .contentBx h3 p{font-size:.9rem;font-weight:300;text-transform:initial;opacity:1;transition:opacity 1s}h3{margin-bottom:10%}h3 p{margin:5%}@media only screen and (max-width: 480px){.animate{width:400%;animation:marqueeMobile 20s linear infinite}.logo_ticker{transform:translateY(-40px)}#landing .button{margin:10px 0}.button,textarea{margin:10px}#about{height:75%;overflow:hidden}canvas{height:100vh}.stack{transform:translateY(150px)}.container .card .content .contentBx h3 p{font-size:.9rem;opacity:1}.contact-form h2{padding-left:3%;margin-bottom:2.5%}.contact-form p{margin-bottom:2.5%}}@media screen and (min-width: 481px) and (max-width: 1023px){.animate{width:400%;animation:marqueeMobile 20s linear infinite}.logo_ticker{transform:translateY(-80px)}#landing .button{margin:10px 0}.button,textarea{margin:10px}#about{height:75%;overflow:hidden}canvas{height:100vh}.stack{transform:translateY(150px)}.container .card .content .contentBx h3 p{font-size:.9rem;opacity:1}.contact-form h2{padding-left:2.5%}}@media screen and (min-height: 0px) and (max-height: 415px){body{display:none}}@media screen and (min-height: 416px) and (max-height: 725px){.logo_ticker{transform:translateY(40px)}}