#root{height:100svh;width:100vw;display:flex;flex-direction:column;justify-content:space-between}#welcome-to-the-coast{height:80svh;background-size:cover;justify-content:center;justify-content:space-around;display:flex}#welcome-to-the-coast figure{width:fit-content;height:100%;width:100%;display:flex;justify-content:end;align-items:end}#welcome-to-the-coast figure img{height:80%}#welcome-text{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;padding:10% 5%;background-color:#000;color:#fff;opacity:.6;height:100%;width:80%;display:flex;align-items:center;font-size:1.3rem}#welcome-to-the-coast div{justify-self:center;align-self:center}#polaroid-textframe{rotate:9deg;position:relative;width:100%}#polaroid-textframe h2{padding:40px 0;color:#000;font-size:2rem;position:absolute;bottom:0%;left:5%;rotate:-2deg}#polaroid-textframe p{font-size:1.4rem;padding:10%;height:77%;overflow-x:none;text-overflow:none;position:absolute}#hero{position:relative;display:flex;justify-content:center;align-items:center;min-height:0;height:80svh}#hero video{position:absolute;z-index:-1;width:100%}#hero h2{width:100%;height:100%;background-color:#0000004e;text-align:center;display:flex;justify-content:center;flex-direction:column;line-height:80%;font-size:3rem}#hero h2 span{font-size:.5em}#support-us{position:relative;min-height:0;height:70svh;display:flex;justify-content:center;gap:200px;align-items:center;background-size:cover}#benefits{width:350px;position:absolute;left:2%;top:4%;rotate:-5deg}#support-us figure{place-self:end;display:flex;align-items:end}#support-us article{display:flex;flex-direction:column;align-items:center;gap:24px;max-width:30%}#support-links{width:100%;display:flex;justify-content:space-around}.support-button{display:block;width:100px;aspect-ratio:1;transition:.2s}.support-button:hover{scale:1.1;rotate:5deg}.support-button:nth-child(2):hover{rotate:-5deg}.support-button button{padding:0;width:100%;height:100%;background:none}.support-button img{scale:1.2;width:100%;height:100%}#nav-section{background:url(/diegoBG.jpg) no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center;gap:10%;padding:24px;min-height:0;height:fit-content}#nav-section button{height:fit-content;width:fit-content;padding:12px;background-color:transparent;transition:.2s}#nav-section button:hover{cursor:pointer;scale:1.05}#meet-the-characters-button figure{padding:0 36px 0 0}#episodes-button figure{display:flex;justify-content:center;align-items:center}#episodes-button img{height:60%}.button-figure{height:400px}.button-figure img{height:100%}.nav-section-button-container{display:flex;flex-direction:column;align-items:center}header{position:fixed;z-index:2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:inset 0 6px 20px 15px #00000021;color:#fff;width:100%;height:var(--header-height);background-color:var(--header-bg);display:flex;justify-content:space-between;align-items:center;padding:24px 124px}h1{font-size:2rem}header a{color:#fff}header h1 a:hover{color:#fff;text-decoration:none}header a:hover{color:#e4e4e4;text-decoration:underline}header ul{display:flex;gap:48px}header li{font-size:1.5rem}footer{font-family:var(--sub-font);display:grid;grid-template-columns:repeat(3,1fr);padding:48px;width:100%;background-color:#193046}#socials-list{grid-column:2 / -1;grid-row:1 / -1;place-self:end;display:flex;gap:48px;width:fit-content}#socials-list li a{color:#fff}#dev-attrib{place-self:center}#dev-attrib a{color:#fff}.social-icon{transition:.2s;width:40px}.social-icon:hover{scale:1.4}#velvet code{background-color:#000;padding:7px}#cursor{animation:blink infinite 1.5s}#velvet:after{content:"";position:relative;bottom:-25px;right:10px;background-image:url(/click.png);background-size:30px 30px;display:inline-block;width:30px;height:30px}@keyframes blink{0%{opacity:1}49%{opacity:1}50%{opacity:0}99%{opacity:0}to{opacity:1}}#character-select{position:relative;background-image:url(/characterSelectBG.png);background-repeat:no-repeat;background-size:cover;min-height:100svh;height:100svh;display:flex;justify-content:center;align-items:center;gap:48px;background-color:#fff}#character-select-backdrop{position:absolute;z-index:1;width:100%;height:100%;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}#characters-container{padding-top:var(--header-height);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;min-height:100svh;width:100%;min-width:900px}#character-select a{position:relative;display:block;height:60%;width:fit-content}#character-select figure{display:flex;align-items:center;justify-content:center;position:relative;z-index:2;transition:.1s;opacity:.5;min-height:100px;height:400px;width:100%}#character-select figure:hover{opacity:1}#character-select img{height:100%}.hover-name{text-align:center;width:100%;text-wrap:nowrap;rotate:-20deg;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);z-index:3;font-weight:800;font-size:2rem;color:#000;-webkit-text-stroke:1px white;paint-order:fill stroke;visibility:hidden}#character-select figure:hover .hover-name{visibility:visible}#meet-the-character{height:fit-content}#meet-the-character *{background-size:cover}#meet-the-character section{background:url(/quinceyBG.jpg) no-repeat;background-size:cover;position:relative;padding:100px 0;width:100%;height:100svh;display:flex;justify-content:center;align-items:center}#meet-the-character section:nth-child(2n){flex-direction:row-reverse}.character-info{display:flex;flex-direction:column;justify-content:start;gap:24px;padding:48px 0;height:100%;place-self:start;width:40%}.character-info h3{font-size:5rem}#meet-quincey{background-image:url(/backgrounds/quinceyBG.jpg)}#meet-diego{background-image:url(/backgrounds/diegoBG.jpg)}.meet-the-character-info{height:100svh;min-height:fit-content}.meet-the-character-info figure{height:80vh;padding:48px 100px}.meet-the-character-info figure img{height:100%}#character-description{background-color:#030303a6;padding:24px;border-radius:7px;font-size:1.2rem;min-width:470px}#episode{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:0 200px;padding-top:var(--header-height)}#episode h1{top:3%;z-index:2;position:fixed}#episode iframe{max-height:calc(100svh - var(--header-height));border:none;width:100%;aspect-ratio:16/9}#episode-title{padding:36px 0;align-self:start}#credits{align-self:start}#credits details{padding:0 10px}.song{margin:12px;padding:12px;background-color:#8080801f;border-radius:5px}.end-credits{padding:0 10px}#credits details[open]{margin-bottom:12px}.track-credits{padding:0 20px}#credits summary{cursor:pointer;display:flex}#credits summary:after{content:"◿"}:root{--header-bg: rgba(0, 0, 0, .233);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--header-height: 100px}*{padding:0;margin:0;box-sizing:border-box;list-style-type:none;text-decoration:none}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}hr{color:#fff}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}main section{min-height:100svh;height:fit-content}#mobile-catch{display:none}@media only screen and (max-width: 900px){header,footer{display:none}main{display:none;height:100svh;padding:10px}#mobile-catch{gap:48px;flex-direction:column;display:flex;justify-content:center;align-items:center;height:100%}a h4{text-decoration:underline}}#episode-select{background-image:url(/episodesBG.png);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;padding:24px;padding:calc(var(--header-height) + 24px) 42px var(--header-height) 42px;display:flex;gap:24px;flex-direction:column;justify-content:start;height:100svh;min-height:fit-content}#episode-select figure{display:flex;justify-content:center;align-items:center;height:100%;aspect-ratio:16/9}#episode-select img{border-radius:7px 0 0 7px;width:100%;max-width:533px;height:100%}#episode-select article{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000;background:linear-gradient(53deg,#000 4%,#0000);border-radius:7px;background-color:#00000073;display:flex;min-height:300px;transition:.2s;opacity:.6}#episode-select article:hover{opacity:1;cursor:pointer;scale:1.01}#episode-select .details{padding:36px;display:flex;justify-content:start;flex-direction:column}#episode-select .description{padding-top:24px}