@font-face{font-family:super foods;src:url(/fonts/SuperFoods.ttf)format('truetype')}@font-face{font-family:super ramen;src:url(/fonts/SuperRamen.ttf)format('truetype')}:root{--primary-color:#ff3600;--secondary-color:#e22d8b;--secondary-color-semi-transparent:rgba(226, 45, 139, 0.75);--tertiary-color:#02b81c;--quaternary-color:#ff243b;--quaternary-color-semi-transparent:rgba(255,36,59, 0.75);--secondary-background-color:#3f3f3f;--teriary-background-color:linear-gradient(to bottom right, purple, rebeccapurple);--primary-text-color:#ffffff;--secondary-text-color:#000000;--max-width:1000px}@media only screen and (max-width:800px){#main-mobile-nav{display:inline}.banner-logo{position:relative;!important}body{margin-top:50px!important}#desktop-navigation{display:none}.content-summary{flex-direction:column;p{ width: 90% !important; text-align: center; }}.footer-container{section { flex-direction: column; }}.hero-info{margin-left:10%!important;width:80%!important}.image-container,.content-summary{flex-direction:column!important;img{ max-height:400px !important; max-width: 90% !important; }}.content-image-background{padding:125px 50px 50px!important;justify-content:center}.know-content-summary{img{ max-width:75% !important; }}}@media only screen and (min-width:801px){#mobile-navigation{display:none}#desktop-navigation{display:inline}.content-summary{flex-direction:row}.footer-container{section { flex-direction: row; }}}@media only screen and (min-width:801px) and (max-width:1040px){#banner-nav{font-size:12px}}body{font-family:Noto Sans,sans-serif;margin:0;padding:0;color:var(--primary-text-color);background-image:radial-gradient(purple,rebeccapurple);width:100%;a{ color: inherit; text-decoration: none; font-weight: bold; }}ul{list-style:none;margin:0;padding:0}h1{font-size:2.5rem;color:#333;margin:0}p{font-size:1.1rem}main{display:flex;flex-direction:column;align-items:center}.content-header{width:100%;height:200px;display:flex;align-items:center;background:url(/images/background-neon-lights.png);background-size:cover;h1{ width: 100%; text-align: center; color: var(--primary-text-color); font-family: 'Courier New', monospace; background-color:var(--secondary-color-semi-transparent); padding:10px 0; text-transform: uppercase; }}.content-body{width:90%;max-width:var(--max-width);text-align:center;display:flex;justify-content:space-around;flex-direction:column;p{ font-size: 1.35em; } .header-paragraph{ text-align: justify; } h2{ color:yellow; font-family: "Super Ramen", serif; font-size: 2.25em; }}.content-summary{display:flex;p{ padding:10px; width:50%; min-width: 300px; text-align: justify; color:inherit; display: flex; flex-direction: row; justify-content: center; } .image-container{ margin-top: -100px; justify-content: center; align-items: center; max-width: 600px; min-width: 300px; max-height: 400px; margin-bottom: 30px; img{ max-width: 100%; max-height: 100%; height: auto; width: auto; object-fit: contain; display: block; border: 10px solid antiquewhite; margin:10px; transform: rotate(5deg); } } ul{ list-style-type: square; text-align: left; font-size: 1.15em; } li{ margin:10px 0; }}.content-image-background{display:flex;background-image:url(/images/ink-blotch-2-transparent.png);background-size:contain;background-repeat:no-repeat;padding:125px;z-index:-1}.mobile-menu-button-container{background:var(--secondary-background-color)}.section-break,.footer-break{border-bottom:1px solid #000;border-image:radial-gradient(circle,black 0%,transparent 100%)1}.hero-cover{position:relative;display:inline-block;text-align:center;width:100%;height:70vh;max-height:600px;overflow:hidden;img{ display: block; width: 100%; max-height: 600px; } video{ position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); min-width: 100%; min-height: 100%; height: auto; width: auto; overflow: hidden; transition: 0.5s; } .hero-video-hidden{ display: inline-block; !important; top:50%; left:50%; transform: translate(50%, -50%); }}.hero-section{position:absolute;top:0;left:0;width:100%;height:100%;transition:.75s}.hero-section-off-screen{left:100%}.scroll-button{z-index:100;position:absolute;top:60%;width:100px;height:100px;background-color:rgba(0,0,0,.3);font-weight:700;font-size:50px;border-radius:100px;transition:.5s}#hero-next-button{right:2%}#hero-previous-button{left:2%;rotate:-180deg}.hero-info{position:relative;margin-left:55%;width:25%;min-width:300px;height:100%;box-sizing:border-box;text-align:left;padding:40px;h1{ color: orange; font-size: 3em; text-transform: uppercase; } h2{ font-size: 2em; } .hero-buttons{ display: flex; flex-direction: column; margin-top:40px; text-align: center; } a{ border:2px solid white; border-radius: 5px; padding:10px; margin:5px; }}.hero-background-opacity{position:absolute;top:0;left:0;background:var(--tertiary-color);opacity:.5;width:100%;height:100%;object-fit:cover;z-index:2}.hero-foreground{position:relative;display:block;z-index:10}.calendar{width:100%;text-align:center;h1{ width: 100%; }}form{max-width:600px;margin:10px auto;padding:20px 40px 20px 20px;border-radius:5px;box-shadow:0 7px 12px rgba(0,0,0,.3)}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px}textarea{resize:none;!important}button{display:block;width:100%;padding:10px;margin-left:10px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer}button:hover{background-color:#0056b3}.regular-link{color:#87cefa;text-decoration:underline}.body-button{margin:10px 0!important}.image-grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;width:100%}.image-grid-item{max-width:400px;max-height:400px;margin:25px 10px;img{ max-width: 100%; max-height: 100%; height: auto; width: auto; object-fit: contain; display: block; border: 10px solid antiquewhite; transition: transform 2.3s ease; } .rotate-left { transform: rotate(-3deg); } .rotate-right { transform: rotate(3deg); }}iframe{max-width:100%}.calendar-instructions{margin:30px 0;text-align:center;display:flex;flex-direction:column;align-items:center;a{ padding:10px; background:red; border-radius: 10px; font-weight: bold; transition: 0.5s; } a:hover{ background:darkred; } img{ max-width: 90%; height: auto; margin: 20px 0; }}