@import "https://fonts.googleapis.com/css2?family=BBH+Bartle&family=BBH+Bogle&display=swap";
@import "https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap";
*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--background:#deb887;--text-color:#004c99;--scrollbar-track:var(--background);--scrollbar-thumb:var(--text-color);--scrollbar-thumb-hover:color-mix(in srgb,var(--text-color)80%,black);max-width:100vw;overflow-x:hidden}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}html[data-theme=light]{--background:#deb887;--text-color:#004c99}html[data-theme=dark]{--background:#004c99;--text-color:#deb887}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:6px}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border:3px solid var(--scrollbar-track);border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:var(--scrollbar-track)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background);width:100%;color:var(--text-color);flex-direction:column;align-items:center;font-family:BBH Bogle,sans-serif;font-style:normal;font-weight:400;transition:background-color .25s,color .2s;display:flex}header{justify-content:space-between;align-items:center;width:100%;height:auto;padding:20px 10px;display:flex;position:absolute;top:0;left:0}.burger,.cross{display:none}header nav{z-index:10;margin-left:auto;padding-right:2%;font-size:1.6rem}header button{cursor:pointer;color:var(--text-color);background:0 0;border:1px solid #0000;padding:10px;font-family:inherit;font-size:1.4rem}header button:hover{border:1px solid var(--text-color);background-color:var(--text-color);color:var(--background);border-radius:20px}.dropdown-menu{background-color:var(--text-color);color:var(--background);display:none}.footer{background-color:var(--text-color);justify-content:center;align-items:center;width:100%;height:auto;padding:20px 0;display:flex;position:relative}.footer li{color:var(--background);text-align:center;margin:0 0 5px;list-style-type:none}.toggle-container{background-color:var(--text-color);cursor:pointer;border-radius:50px;width:80px;height:40px;position:absolute;top:20px;left:20px}.toggle-wrapper{z-index:1;border-radius:50px;width:100%;height:100%;position:relative}@keyframes fade{0%{right:55%}to{right:5%}}.toggle{z-index:2;background-color:var(--background);border-radius:50%;width:30px;height:80%;animation:.4s fade;position:absolute;top:10%;right:5%}@keyframes fade2{0%{right:5%}to{right:55%}}.toggle.pressed{animation:.4s fade2;right:55%}h1{text-align:left;font-size:clamp(3rem,8vw,8rem);font-weight:300}h2{text-align:left;color:#0000;-webkit-text-stroke:2px var(--text-color);font-family:Shadows Into Light,cursive;font-size:clamp(2rem,5vw,5rem);font-weight:300}h3{color:var(--text-color);border:2px solid var(--text-color);box-shadow:5px 5px 0 var(--text-color);text-transform:uppercase;letter-spacing:1px;border-radius:50px;margin-bottom:20px;padding:10px;font-size:clamp(1.1rem,3vw,1.4rem);font-stretch:125%}p{letter-spacing:1px;align-self:center;width:80%;font-family:Story Script,sans-serif;font-size:clamp(1.1rem,3vw,1.3rem);font-weight:600}li{font-size:1.3rem}.landing{grid-template-columns:repeat(2,1fr);width:95%;min-height:100vh;display:grid}.landing-image,.image-container{justify-content:center;align-items:center;width:100%;height:800px;display:flex}.landing-image img,.image-container img{object-fit:cover;object-position:top;border-radius:50%;width:80%;height:80%}.landing-text,.text-container{align-items:left;flex-direction:column;justify-content:center;display:flex}.landing-text p{text-align:left;width:100%;margin-top:2%}@keyframes slideFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.landing-image{animation:1.5s ease-in forwards slideFromLeft;transform:translate(-100%)}.landing-text{opacity:0;animation:1.5s ease-in forwards fadeIn}.container{text-align:left;border-top:2px solid var(--text-color);opacity:0;flex-direction:column;align-items:center;width:90%;margin-bottom:5%;transition:all .8s cubic-bezier(.65,0,.35,1);display:flex;transform:translateY(50px)scale(.95)}.container.animate{opacity:1;transform:translateY(0)scale(1)}.container h3{align-self:start;margin-top:2%}.container p{justify-self:center}.service-container{grid-template-columns:repeat(2,1fr);display:grid}.text-container p{align-items:flex-start;width:100%}.image-container img{object-fit:cover;object-position:bottom}.image-wrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-top:5%;display:flex}.image-wrap img{object-fit:contain}.card-grid{scrollbar-width:none;flex-wrap:nowrap;justify-content:start;gap:10px;width:95%;padding:5% auto;display:flex;overflow-x:auto}.card-grid::-webkit-scrollbar{display:none}.card{height:500px;color:var(--text-color);border:3px solid var(--text-color);background-color:#0000;border-radius:20px;flex-direction:column;flex:0 0 450px;align-items:center;margin:20px 0;padding:20px 0;display:flex}.card h4{border:1px solid var(--background);background-color:var(--text-color);color:var(--background);border-radius:20px;margin-bottom:10px;padding:10px;font-size:1.8rem;font-weight:300}.card h5{text-align:center;width:95%;margin-bottom:50px;font-size:1.4rem;font-weight:300}.card ul{align-self:center;width:90%;margin:0 0 0 20px;padding:0}.card li{margin:0 0 5px 20px;font-size:1.3rem;font-weight:300}.projects-grid{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.projects{flex-direction:column;align-items:center;width:95%;max-width:400px;display:flex}.project-image{width:100%;height:200px;display:block}.project-image img{object-fit:contain;border-radius:10px;width:100%;height:100%}.project-des{display:inherit;flex-direction:column;width:100%;margin-top:5px}.project-des a{color:var(--text-color);border-radius:10px;width:fit-content;margin-bottom:5px;margin-left:-5px;padding:5px;font-size:1.3rem;text-decoration:none}.project-des a:hover{background-color:var(--text-color);color:var(--background)}.project-des p{width:100%}@media only screen and (max-width:1200px){.card-grid{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;scroll-snap-align:start;scroll-snap-stop:always;justify-content:flex-start}.landing-image img,.image-container img{height:60%}}@media only screen and (max-width:764px){.footer li{font-size:.8rem}header button{padding:5px;font-size:1rem}.burger,.cross{cursor:pointer;z-index:2;opacity:0;margin-left:auto;margin-right:2%;transition:opacity .3s ease-in-out;display:none;position:relative}.burger.show,.cross.show{opacity:1;display:none}.burger img,.cross img{position:absolute;top:0;right:0}h1,h2{text-align:center}p{width:95%}.landing,.service-container{flex-direction:column;justify-content:center;align-items:center;display:flex}.landing-image{width:80%;height:300px}.landing-image img{width:100%;height:100%}.landing-text p{text-align:center;width:95%}.image-container{border-radius:10px;height:400px}.image-container img{border-radius:10px;width:100%;height:100%;margin-top:10px}.container{width:95%}.container h3{margin-top:5%}.card-grid{width:100%}.card{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 95%}.card h4{font-size:1.4rem}.card h5{margin-bottom:20px;font-size:1.2rem}}