@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}.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)}.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:100%;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}.post-page-container{display:flex;justify-content:center;background:linear-gradient(to bottom,#3a3a3a,var(--fawk-one));min-height:100vh;padding:20px 0;width:80%}@media screen and (max-width:768px){.post-page-container{width:100%;padding:10px 0}}.post-box{background-color:#f0f8ff;width:80%;display:flex;flex-direction:column;align-items:center;padding-top:50px;height:fit-content;margin-top:50px;border-radius:50px;box-shadow:0 10px 60px #000c}.full-page{display:flex;flex-direction:column;min-height:100vh;justify-content:space-between;align-items:center;font-family:Bebas Neue,sans-serif}.tit{border:2px solid var(--fawk-two);text-align:center;font-size:2rem;border-radius:15px;background-color:var(--fawk-two);box-shadow:0 10px 40px #000c}.content{margin-top:20px;border:2px solid var(--fawk-two);padding:5px;border-radius:15px;z-index:1;background-color:var(--fawk-one)}.back-button{align-self:baseline;margin-left:30px}.back-button button{color:#fff;background-color:#3a3a3a;border-radius:10px}