.hero{width:100vw;height:max(200px,min(30vh,300px));margin-left:calc(50% - 50vw);position:relative;overflow:hidden}.hero-image{object-fit:cover;filter:contrast(70%)brightness(50%)saturate(120%);width:100%;height:100%;display:block;position:relative;top:0;left:0}.hero-svg{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;right:0}.content{text-align:left;padding:0}.buttons-container{justify-content:center;align-items:stretch;gap:1rem;width:100%;margin-top:1rem;display:flex}.major-button-wrapper{flex-direction:column;justify-content:flex-start;gap:1rem;width:100%;margin-top:1rem;display:flex}.image-button{background-image:var(--bar_textile);cursor:pointer;border:var(--border-specs);border-radius:var(--border-radius);min-width:150px;max-width:400px;height:120px;color:var(--color-accent);background-repeat:repeat;flex-direction:column;flex:1;justify-content:center;align-items:center;font-size:max(1rem,min(2.5vw,2rem));font-weight:700;transition:background-color 1s;display:flex}.button-svg{object-fit:contain;width:100%;height:auto;margin:0 auto;display:block}.extra-button{background-image:var(--background_textile);border:var(--border-radius);border-radius:var(--border-radius);width:100%;min-height:500px;color:var(--color-text);cursor:pointer;text-align:left;border:var(--border-specs);border-radius:var(--border-radius);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;flex-direction:column;justify-content:flex-start;padding:.5rem;font-size:1.25rem;font-weight:600;transition:background-color 1s;display:flex;position:relative;overflow:hidden}.templates-button{border:var(--border-specs);border-radius:var(--border-radius);align-self:center;width:100%;height:50px;margin-top:10px}.image-button:hover{background-color:var(--white)}.modal-content{box-sizing:border-box;border:var(--border-specs);border-radius:var(--border-radius);flex-direction:column;justify-content:center;align-items:center;width:90%;max-width:600px;height:20%;max-height:100px;font-size:max(1rem,min(2.5vw,1rem));font-weight:700;display:flex;overflow:hidden}.modal-close-button{background-image:var(--bar_textile);border:var(--border-specs);border-radius:var(--border-radius);width:150px;height:50px;color:var(--color-accent);background-size:cover;align-self:center;font-size:max(1rem,min(2.5vw,1rem));font-weight:700}.terms-button{text-align:center;font-size:max(1rem,min(2.5vw,2rem));font-weight:700}.email-input{border:var(--border-specs);border-radius:var(--border-radius);text-align:left;width:100%;height:50px;margin-top:3px;font-size:max(1rem,min(2.5vw,2rem));font-weight:700}.p2{text-align:left;margin-top:3px;font-size:max(1rem,min(2.5vw,2rem));font-weight:700}.signup-button{border:var(--border-specs);border-radius:var(--border-radius);width:150px;height:50px;color:var(--color-accent);align-self:center;font-size:max(1rem,min(2.5vw,2rem));font-weight:700}@media (max-width:768px){.hero{min-height:20vh}.buttons-container{justify-content:center;align-items:stretch;gap:.25rem;width:100%;margin-top:1rem;display:flex}.image-button{background-image:var(--bar_textile);cursor:pointer;border:var(--border-radius);border-radius:var(--border-radius);background-repeat:repeat;flex-direction:row;flex:1;justify-content:center;align-items:center;min-width:40px;max-width:400px;height:100px;transition:background-color 1s;display:flex}}
.footer{box-sizing:border-box;text-align:left;background-image:var(--bar_textile);border-top:1px solid var(--white);background-repeat:repeat;justify-content:flex-start;align-items:center;gap:.5rem;width:100vw;margin-top:20px;margin-left:calc(50% - 50vw);padding:1rem;font-size:1rem;display:flex;bottom:0}.footer-text{color:var(--white);margin:0;font-size:max(1.2rem,min(1.5vw,1.5rem))}.footer-logo{width:auto;max-height:60px;display:block}.footer-icon-link{display:inline-flex}.footer-content{justify-content:space-between;align-items:center;display:flex}@media (max-width:768px){.footer{max-height:20vh;bottom:0}.footer-text{color:var(--white);margin:0;font-size:max(.75rem,min(.75vw,.75rem))}}
.navbar{width:102vw;min-height:var(--navbar-height);background-image:var(--bar_textile);box-shadow:0 2px 4px var(--white);border-bottom:1px solid var(--white);color:var(--color-background);z-index:1000;background-repeat:repeat;align-items:center;padding:.5rem;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.navbar-content{justify-content:space-between;align-items:center;width:100%;max-width:4000px;margin:0 auto;display:flex}.navbar-logo img{max-height:calc(var(--navbar-height) - 12px);width:auto;display:block}.navbar-links{gap:2rem;margin:0;padding-right:3rem;list-style:none;display:flex}.navbar-links a{color:var(--white);font-weight:700;text-decoration:none;transition:-webkit-text-decoration .3s,text-decoration .3s}.navbar-links a:hover{color:var(--color-accent);text-decoration:underline}.navbar-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:max(25px,min(6vw,40px));height:max(20px,min(6vw,35px));margin-right:3rem;padding:0;display:none}.navbar-toggle:focus{outline:none}.bar{background-color:var(--color-accent);border-radius:3px;width:100%;height:6px;transition:all .5s}.bar.open:first-child{transform:rotate(-45deg)translate(5px,5px)}.bar.open:nth-child(2){opacity:0}.bar.open:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media (max-width:768px){.navbar-links{background-image:var(--bar_textile);width:150px;box-shadow:-2px 0 4px var(--white);background-repeat:repeat;flex-direction:column;gap:1rem;padding:1rem;transition:transform .3s;position:fixed;top:5rem;right:0;transform:translate(100%)}.navbar-links.active{transform:translate(0)}.navbar-toggle{display:flex}.navbar-links li{margin:0}}
.modal-overlay{z-index:9999;background:rgba(0,0,0,.6);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:80vh;padding:2rem;overflow-y:auto;box-shadow:0 4px 30px rgba(0,0,0,.3)}.modal-content h2{margin-top:0}.modal-content button{margin-top:1rem}.terms-button{color:#0070f3;cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem;text-decoration:underline;display:block}.signup-button{display:block}
:root{--border-radius:8px;--border-specs:1px solid black;--color-primary:#094369;--color-secondary:#e0f0ff;--color-accent:#f60;--color-text:#333;--white:#fff;--bar_textile:url(/bar_textile.webp),url(/bar_textile.png);--navbar-height:clamp(60px,8vh,90px);--background_textile:url(/background.webp),url(/background.png)}html,body{margin:0;padding:0}.app-background{background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh}html{font-size:max(1rem,min(2vw,1.2rem))}body{color:var(--color-text);background-repeat:repeat;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.App{text-align:center;min-height:100vh;padding:1rem;padding-top:var(--navbar-height);flex-direction:column;padding-bottom:0;display:flex}main{flex:1}h1{text-align:center;font-weight:700}.App-header{color:var(--color-text);border-radius:var(--border-radius);margin-bottom:1px;padding:2.5rem 1.25rem}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-accent);text-decoration:underline}.cookie-banner{background-image:var(--bar_textile);width:100vw;color:var(--color-accent);text-align:center;z-index:9999;background-repeat:repeat;padding:1rem;position:fixed;bottom:0;left:0;right:0}.cookie-banner button{cursor:pointer;border:var(--border-specs);border-radius:var(--border-radius);min-width:150px;max-width:400px;color:var(--color-text);flex:1;margin-left:1rem;padding:1.5rem 1rem;font-weight:700;transition:background-color 1s}