@import"https://fonts.googleapis.com/css2?family=Pacifico&family=Luckiest+Guy&family=Chicle&display=swap";@font-face{font-family:LetsJazz;src:url(/src/assets/fonts/LetsJazz.ttf) format("truetype")}.box{margin-top:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:2000px;text-align:center;font-family:Bebas Neue,sans-serif}.mid h1{font-size:6rem;color:var(--fawk-one)!important;margin:0}h1{font-size:6rem;color:var(--fawk-one);margin:0}.fawk-logo:hover{transform:scale(3);transition:transform .3s}.fawk-logo{cursor:pointer}h2{font-size:1rem;color:var(--fawk-one);margin:0}.subline p{font-size:.35rem;color:var(--fawk-one);margin:0}p{font-size:.42rem;color:var(--fawk-one);margin-top:2px}.responsive-text{font-size:clamp(10px,5vw,100px)}.back{cursor:pointer;font-size:.5rem!important;margin-top:50px}.tit-1 h1,.tit-2 h1{font-size:1rem!important;margin-bottom:-30px!important}.tit-3 h1{font-size:3rem!important}.headboi{cursor:pointer}@media screen and (max-width:768px){.headboi{width:80vw!important}}footer{color:var(--color-footer-text);padding:2rem 1rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;font-family:monospace;margin-bottom:0;min-height:15%}@media screen and (max-width:600px){footer{flex-direction:column;text-align:center;margin-top:50px}}.section{flex:1 1 200px;margin:.5rem}.section a,.section p{color:var(--color-footer-text);text-decoration:none;font-size:.95rem}.links{text-align:center}.links p:hover{color:var(--fawk-one)}.card{width:100%;max-width:800px;max-height:100%;padding:20px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;text-align:center}.card .innerbox{min-height:100%;margin:4px;display:flex;flex-direction:column;align-items:center;background-color:var(--color-secondary);border-radius:30px;padding:20px;border:2px solid rgb(56,204,11)}.rulebox h2{font-size:2rem;margin-top:20px}.page{display:flex;flex-direction:row;min-height:100vh}.about-box{margin-top:20px;line-height:1.8;text-align:center;max-width:600px;justify-self:center;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;border:2px solid var(--fawk-one);border-radius:15px;padding:20px}.about-box p{font-size:1.2rem}@media(max-width:768px){.about-box{padding:0 1.25rem;line-height:1.5;text-align:center;max-width:100%}}.page{animation:fade .25s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}html,body,#root{min-height:100%;margin:0;background:linear-gradient(to bottom,#3a3a3a,#000)}html,body{margin:0;padding:0;overflow-x:hidden}#root{display:flex;justify-content:center}:root{--color-primary: #c4a727;--color-secondary: #363636;--color-accent: #dfdad5;--color-bg: #46464680;--color-surface: #fff;--color-footer-bg: #111;--color-footer-text: #ccc;--fawk-one: #e0a1ec;--fawk-two: rgb(80, 79, 79);--fawk-three: rgb(168, 168, 168)}.header{min-height:200px;min-width:80vw;max-width:90vw;display:flex;flex-direction:row}.header .left{min-width:30%}.header .mid{min-width:40%;container-type:inline-size;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.header .mid h1{margin:50px 0 0;line-height:1;font-size:clamp(3rem,10cqi,6rem);color:var(--color-accent);cursor:pointer}.header .mid h2{margin:0;line-height:1;font-size:clamp(1rem,5cqi,2rem);color:var(--color-accent);cursor:pointer}.popper:hover{transform:scale(1.2)}.header .right{min-width:30%}.page{width:100%;margin-top:20px;margin-bottom:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.page .grid{width:100%;max-width:1280px;max-height:fit-content;margin-bottom:20px;display:flex;flex-direction:column;align-items:center}.home{height:100%;width:90vw}p{font-size:1rem}.card{width:100%;max-width:600px;max-height:100%;padding:20px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.card .innerbox{min-height:100%;margin:4px;display:flex;flex-direction:column;align-items:center;border-radius:30px;padding:20px;border:2px solid var(--fawk-one)}.card .photobox{margin-top:10px;width:90%;height:50%;display:flex;flex-direction:column;align-items:center;justify-items:center;border-radius:12%;overflow:hidden;transition:.3s;cursor:pointer}.card .photobox:hover{transform:scale(1.02)}.card .photobox img{margin:0;width:80%;height:100%;object-fit:cover;display:block;border-radius:12%;scale:1}.info-card{margin:20px;display:flex;flex-direction:column;align-items:center}.info-card p{margin:0;color:var(--color-accent)}.buybttn{margin-bottom:10px}.page{display:flex;flex-direction:row}.page .left{background-color:var(--color-footer-bg);min-height:70%;width:fit-content;padding:10px;border-radius:15px;display:flex;flex-direction:column;align-items:center}.left h2{margin-top:30px;cursor:pointer}.link-to-orderform{color:var(--color-accent);width:100%}.space{width:80%}@media(max-width:768px){.page{flex-direction:column}.image-selector{flex-direction:row}}.hub{color:var(--color-accent);display:flex;flex-direction:column;text-align:center;align-items:center;height:80vh;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.input{margin-top:80px;width:80%;height:100px;font-size:1rem;margin-bottom:1rem;border-radius:10px;border:2px solid var(--color-accent);padding:10px;text-align:center;justify-content:center;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.now-playing{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background:#111;color:#fff;text-align:center;font-family:sans-serif;padding:20px}.album-cover{width:30vw;object-fit:cover;border-radius:12px;margin-bottom:20px;box-shadow:0 10px 30px #00000080}@media screen and (max-width:768px){.album-cover{width:80vw;height:auto}}audio{width:300px;outline:none}h1{font-size:2.5rem;margin:10px 0}h2{font-size:1rem;margin:20px}.full{display:flex;flex-direction:column;align-items:center}.playlist-page{display:flex;flex-direction:column;align-items:center;font-family:Bebas Neue,sans-serif;background:linear-gradient(to bottom,#3a3a3a,var(--fawk-one));width:100%;flex:1 0 auto}@media screen and (max-width:600px){.playlist-page{padding:10px;width:100%}.big-album-cover{width:80vw;height:80vw}}.album-cover-container{text-align:center;margin-top:8%;margin-bottom:60px;z-index:1}.big-album-cover{max-width:400px;height:400px;object-fit:cover;border-radius:8px;margin-bottom:30px;aspect-ratio:1 / 1;box-shadow:0 10px 40px #000c}.track-title{margin:5px 0 0;font-size:1.5rem;color:#fff}.track-artist{margin:0;font-size:1rem;color:#fff}.player-bar{position:sticky;bottom:10px;left:0;right:0;background:#111;color:var(--fawk-one);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:10px 20px;gap:10px;border-radius:25px;box-shadow:0 10px 40px #000c}.player-bar button{padding:5px 10px;cursor:pointer;border-radius:25px;background-color:var(--fawk-one);color:#474747;transition:transform .15s}.player-bar button:hover{transform:scale(1.1)}.progress-container{flex:1;display:flex;align-items:center;gap:8px;min-width:150px}.progress-bar{flex:1;-webkit-appearance:none;width:100%;height:6px;border-radius:3px;background:#555;cursor:pointer;transition:background .2s}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;transition:transform .1s}.progress-bar::-webkit-slider-thumb:hover{transform:scale(1.2)}.progress-bar::-moz-range-thumb{width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;transition:transform .1s}.time-display{font-size:.8rem;white-space:nowrap;color:var(--fawk-two)}.track-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.9rem}.track-list{margin-top:20px;width:80%;max-width:600px}.track-item{display:flex;align-items:center;padding:5px 10px;cursor:pointer;gap:10px;border-radius:4px}.track-item:hover,.track-item.active{background:var(--fawk-one)}.track-item-title{font-weight:700;color:var(--fawk-two)}.track-item-artist{display:block;font-size:.85rem;color:var(--fawk-two)}.volume{display:flex;align-items:center;gap:5px;color:var(--fawk-two);margin-top:30px;margin-bottom:8%;width:40%}.volume input[type=range]{flex:1;-webkit-appearance:none;height:6px;border-radius:3px;background:#555;cursor:pointer}.volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer}.volume input[type=range]::-moz-range-thumb{width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer}.spacer{height:25vh}@media(max-width:600px){.player-bar{flex-direction:column;align-items:center;gap:8px;margin-top:20px;padding:10px}.progress-container{width:100%}.track-info{justify-content:space-between;width:100%}.player-controls{display:flex;justify-content:center;align-items:center;width:100%;gap:10px}.volume{display:none}.toggle-tracklist{width:100%;gap:10px}.track-info{display:flex;justify-content:center;width:80%}.track-list{margin-bottom:50px}}.track-title-container{width:250px;overflow:hidden;white-space:nowrap;position:relative}.track-title-small{display:inline-block;padding-left:100%;animation:scroll-left 10s linear infinite;white-space:nowrap}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-100%)}}.falling-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.falling-head{position:absolute;top:-200px;width:50px;opacity:.8;animation-name:fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes fall{0%{transform:translateY(0);opacity:0}10%{opacity:1}to{transform:translateY(110vh);opacity:0}}.disclaimer{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:20px;margin-bottom:20px}.disclaimer p{font-size:.6rem;color:#fff;margin-top:20px;width:80%;text-align:center;justify-self:center}.disclaimer p:hover{color:red}.collection-page-wrapper{display:flex;flex-direction:column;align-items:center;font-family:Bebas Neue,sans-serif;background:linear-gradient(to bottom,#3a3a3a,var(--fawk-one));width:100vw;flex:1 0 auto;min-height:100vh;max-height:fit-content}.grid-container{min-height:100vh;max-height:fit-content}.back-button{align-self:baseline;margin-left:30px;margin-top:20px;margin-bottom:20px}.collection-column{display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px}.collection-item{border-radius:12px;overflow:hidden;cursor:pointer;width:80%;max-width:600px}.collection-item img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}@media(max-width:600px){.collection-item{width:90vw}}.post-page-container{display:flex;justify-content:center;background:linear-gradient(to bottom,#fdfbff,var(--fawk-two));min-height:100vh;padding:20px 0;width:80%}@media screen and (max-width:768px){.post-page-container{width:100%;padding:20px 5px}.tit{font-size:1.5rem;padding:10px 15px}.content{font-size:.95rem;padding:15px}.image-box img{max-width:100%;height:auto}.back-button{margin-left:0}}.full-page{display:flex;flex-direction:column;min-height:100vh;height:fit-content;align-items:center;font-family:Bebas Neue,sans-serif}.post-box{background-color:var(--fawk-two);width:80%;display:flex;flex-direction:column;align-items:center;padding-top:50px;margin-top:50px;border-radius:50px;box-shadow:0 10px 60px #000c}.tit{border:2px solid white;text-align:center;font-size:1.5rem;border-radius:10px;background-color:var(--fawk-two);opacity:.9;box-shadow:0 10px 40px #000c;padding:10px}.content{margin-top:20px;border:2px solid var(--fawk-two);padding:25px;border-radius:15px;background-color:#fff}.back-button{align-self:baseline;margin-left:30px}.back-button button{color:#fff;background-color:#3a3a3a;border-radius:10px}.content-container{display:flex;flex-direction:column;align-items:center}.image-box{display:flex;flex-direction:column;align-items:flex-end;max-width:500px}.image-box img{width:500px;aspect-ratio:1 / 1;object-fit:scale-down;border-radius:8px;margin-bottom:.25rem;border:3px solid #ccc}.image-date{color:#777;font-size:.9rem}.full-page-area{min-height:100vh;display:flex;flex-direction:column;align-items:center}.main-area{height:100vh;display:flex;flex-direction:column;align-items:center}.two-button-box{display:flex;flex-direction:row;height:200px}.two-button-box button{margin:5px}.full-ap{height:100vh;display:flex;flex-direction:column;background:#111;color:#fff}.flipbook-container{flex:1;display:flex;flex-direction:column;position:relative}.flipbook-page{flex:1;display:flex;justify-content:center;align-items:center;gap:40px;padding:40px;max-width:100vw;box-sizing:border-box}.flip-left .flipbook-content{order:0}.flip-right .flipbook-content{order:1}.flipbook-image-container{flex-shrink:0;max-width:60vw;max-height:80vh;display:flex;justify-content:center;align-items:center}.flipbook-image{width:100%;height:auto;max-height:80vh;object-fit:contain;border-radius:16px;box-shadow:0 10px 30px #00000080}.flipbook-content{max-width:35vw;text-align:left;color:#fff!important;overflow-y:auto;max-height:80vh;font-family:Courier New,Courier,monospace;font-size:1rem;line-height:1.5;background:#000000b3;padding:20px;border-radius:12px;box-shadow:0 8px 20px #00000080;border:1px solid rgba(255,255,255,.1);opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}.flipbook-page.flip-left .flipbook-content,.flipbook-page.flip-right .flipbook-content{opacity:1;transform:translateY(0)}.flipbook-content h1{font-size:2rem;margin-bottom:1rem}.flipbook-content p{font-size:1rem;line-height:1.5;opacity:.9}.flipbook-nav{position:absolute;top:50%;transform:translateY(-50%);font-size:2rem;background:#0006;border:none;color:#fff;padding:12px 16px;cursor:pointer;border-radius:8px;z-index:20}.flipbook-nav.prev{left:20px}.flipbook-nav.next{right:20px}.flipbook-nav:hover{background:#000000b3}.flipbook-counter{position:absolute;top:20px;right:20px;font-size:1rem;background:#0006;padding:6px 10px;border-radius:8px}@media(max-width:900px){.flipbook-page{flex-direction:column;gap:20px;padding:20px}.flipbook-content,.flipbook-image-container{max-width:90vw;max-height:60vh}.flipbook-image{max-height:50vh}.flipbook-content{max-height:40vh}}.flipbook-content,.flipbook-content h1,.flipbook-content p,.flipbook-content span,.flipbook-content a{color:#fff!important}.spacer{height:200px}.album-name h1{text-align:center;padding:5px;border:2px solid black;color:#fff!important}.album-name{display:flex;flex-direction:column;justify-content:center}.zine-disclaimer{font-size:.9rem;color:#666;text-align:center;margin-bottom:1rem}