@font-face{font-family:Calcio;src:url(/Assets/Fonts/calcio-demo-400.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:BebasNeue;src:url(/Assets/Fonts/BebasNeue-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Now Display;src:url(/Assets/Fonts/HelveticaNowDisplay-Regular.woff)format("woff");font-weight:400;font-style:normal}@font-face{font-family:Germanica;src:url(/Assets/Fonts/Plain_Germanica.woff)format("woff");font-weight:400;font-style:normal}a{color:inherit;text-decoration:none}.Page{color:#000;background-color:#e0e0e0;width:100%;font-family:Helvetica Now Display,sans-serif;overflow-x:hidden}.connecting-creators-container{background-color:#f5f5f5;border:1px solid #ddd;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.scrolling-text{white-space:nowrap;color:#333;overflow-x:none;margin-top:8rem;font-family:Germanica;font-size:10vw;font-weight:500;animation:linear infinite scroll-left;display:inline-block}.LandingContainer{justify-content:center;width:100%;display:flex;position:relative}.ccLandingImg{width:100%;height:auto;transform:translateY(-10rem)}.LandingSubText{text-align:center;letter-spacing:10px;text-shadow:2px 2px 10px #0006;color:#fff;transform-origin:bottom;font-family:Germanica;font-size:18vw;font-weight:500;display:inline-block;position:absolute;top:20%}.footer-curve{border-top:2px solid #000;width:100%;margin-bottom:-11rem;padding-left:0;overflow:hidden;transform:translateY(-11rem)}.CCHeader{color:#000;flex-direction:row;justify-content:center;align-items:center;gap:10%;width:100%;font-family:BebasNeue,sans-serif;font-size:4rem;display:flex}.ReadMoreBtn{cursor:pointer;text-align:center;letter-spacing:1.5px;background-color:#99999975;border:2px solid #333;border-radius:10px;margin:1rem 2rem;padding:.5rem 1rem;font-size:2rem}.Poster{width:20vw;height:auto}.MainSection{flex-direction:column;justify-content:center;align-items:center;gap:10rem;width:100%;margin-top:8rem;display:flex}.ContentMain{justify-content:space-around;align-items:center;width:90%;display:flex}.ContentMainSubSection{flex-direction:column;justify-content:center;gap:1rem;width:24%;padding:2rem;display:flex}.ContentMainTitle{z-index:2;font-family:BebasNeue,sans-serif;font-size:3.5rem}.ContentTextSection{color:#242121;font-size:2vh}.youtubeLink{text-align:center;margin-bottom:5rem;font-family:BebasNeue,sans-serif;font-size:1.5rem}.pageImg{border-radius:10px;width:auto;height:30vw;box-shadow:2px 2px 10px #0006}.DiscordInfo{letter-spacing:1px;z-index:1;color:#f5f5f5;text-align:center;background-image:url(/Assets/CC/bgBrush1.png);background-position:50%;background-repeat:no-repeat;background-size:contain;justify-content:center;align-items:center;width:100%;height:15rem;font-family:BebasNeue,sans-serif;font-size:2rem;display:flex;position:relative}.DiscordLink{justify-content:center;align-items:center;text-decoration:none;display:flex}.ShopLink{cursor:pointer;text-align:center;background-color:#99999975;border:2px solid #333;border-radius:10px;max-width:200px;margin:1rem 2rem;padding:.5rem 1rem;font-family:BebasNeue,sans-serif;font-size:1vw;font-weight:500;transition:background-color .3s,color .3s}.CreatorOfTheMonthCard{flex-direction:row;justify-content:space-between;width:80%;display:flex}.White{color:#fff}.CreatorOfTheMonthImageContainer{justify-content:center;align-self:center;align-items:center;width:40%;display:flex;position:relative}.CreatorOfTheMonthImage{z-index:10;border-radius:10px;width:auto;height:40vh;position:relative;box-shadow:2px 2px 10px #0006}.bgBrush{width:70vh;height:auto;position:absolute;transform:translateY(5rem)translate(-10rem)rotate(25deg)}.submitArtBrush{width:100%;height:100%;position:absolute;top:0;left:0}.brushContainer{justify-content:center;align-items:center;height:10rem;display:flex;position:relative}.CreatorOfTheMonthInfo{background-color:#99999975;border-radius:10px;flex-direction:column;justify-content:center;gap:1rem;width:40%;padding:2rem;font-size:4rem;display:flex}.CreatorOfTheMonthTitle{margin-bottom:2rem;font-family:Germanica,sans-serif;font-size:4.5rem}.CreatorOfTheMonthName{font-family:BebasNeue,sans-serif;font-size:2rem}.CreatorOfTheMonthDescription{width:80%;font-size:1rem}.cotmLink{font-style:underline;justify-content:center;align-items:center;padding-top:1rem;display:flex}.cotmSelectorDiv{color:#fff;justify-content:center;width:90%;font-family:bebasNeue,sans-serif;display:flex;position:relative}.cotmYear{z-index:2;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;width:20%;height:200px;display:flex;position:relative}.cotmSelect{color:#fff;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #fff;padding:4px 8px;font-family:bebasNeue,sans-serif;font-size:2rem}.cotmSelect option{color:#000}.cotmSelect:disabled{opacity:.5;cursor:not-allowed}.cotmSelect option:disabled{color:#0006}.cotmBrush3{height:200px;position:absolute}.Shop{letter-spacing:1px;z-index:1;color:#f5f5f5;text-align:center;background-image:url(/Assets/CC/bgBrush1.png);background-position:50%;background-repeat:no-repeat;background-size:contain;justify-content:center;align-items:center;width:100%;height:15rem;font-family:BebasNeue,sans-serif;font-size:2rem;display:flex;position:relative}.SubmissionButtonContainer{background-color:red;justify-content:center;align-items:center;width:100%;display:flex}@media (max-width:1024px){.cotmYear{width:40%}.cotmSelect{font-size:1.75rem}.ContentTextSection{font-size:1.5vh}}@media (max-width:768px){.cotmYear{flex-direction:column;align-items:center;gap:1.25rem;width:100%;height:auto}.cotmSelect{text-align:center;width:70%;font-size:1.5rem}.cotmBrush3{height:160px;transform:translateY(-20px)}}@media (max-width:480px){.cotmSelect{width:85%;font-size:1.25rem}.cotmBrush3{width:100%;height:150px;transform:translateY(-20px)}}.ContentSecondary{justify-content:center;align-items:center;gap:2rem;width:80%;padding:2rem;display:flex}.ytVideo{border-radius:10px;width:50%;height:40rem;box-shadow:2px 2px 10px #0006}.uploadContainer{background-color:#99999975;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;display:flex}.upload-wrapper{flex-direction:column;align-items:center;gap:20px;width:100%;margin:20px auto;font-family:Inter,sans-serif;display:flex}.drop-zone{cursor:pointer;background-color:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:80%;height:200px;font-family:monospace;transition:all .3s;display:flex}.uploaded{background-color:#c8cbcc}.drop-zone:hover{background-color:#f1f5f9;border-color:#64748b}.upload-icon{color:#94a3b8;margin-bottom:10px;font-size:2rem}.upload-text{color:#64748b;font-family:monospace;font-size:.9rem}.upload-button{color:#fff;cursor:pointer;background-color:#0f172a;border:none;border-radius:6px;padding:10px 24px;font-weight:600;transition:background-color .2s}.upload-button:hover{background-color:#334155}.uploadButton{cursor:pointer;text-align:center;background-color:#99999975;border:2px solid #333;border-radius:10px;max-width:450px;margin:1rem 2rem;padding:.5rem 1rem;font-family:BebasNeue,sans-serif;font-size:1vw;font-weight:500;transition:background-color .3s,color .3s}.FormTitle{letter-spacing:1px;color:#fff;z-index:2;padding:1rem;font-family:BebasNeue,sans-serif;font-size:1.75vw;position:relative}.InfoContainer{text-align:center;background-color:#99999975;border-radius:10px;flex-direction:column;width:450px;height:450px;padding:1.5rem;font-family:BebasNeue,sans-serif;font-size:1.5rem;display:flex}.InfoTitle{font-size:1.5vw;-webkit-text-decoration:underline #000;text-decoration:underline #000}.InfoSection{flex-direction:column;justify-content:center;align-items:center;height:100%;font-size:1.25vw;display:flex}.InfoBtn{cursor:pointer;text-align:center;background-color:#99999975;border:2px solid #333;border-radius:10px;max-width:200px;margin:1rem 2rem;padding:.5rem 1rem;font-family:BebasNeue,sans-serif;font-size:1vw;font-weight:500;transition:background-color .3s,color .3s}.Socials{color:#000;border-bottom:1px solid #000;justify-content:space-between;width:70%;margin:.25rem;font-size:1.15vw;text-decoration:none;display:flex}footer{color:gray;justify-content:center;align-items:center;height:3rem;display:flex}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width:1299px){.scrolling-text{margin-top:4rem;font-size:15vw}.LandingSubText{top:10%}.ContentTextSection{font-size:2.5vh}.footer-curve{transform:translateY(-10rem)}.LandingContainer{padding-top:8rem}.CCHeader{text-align:center;flex-direction:row;gap:1rem;font-size:2.5rem}.MainSection{gap:5rem;margin-top:4rem}.ContentMain{flex-direction:column;align-items:center}.ContentMainTitle{font-size:2.5rem}.ContentMainSubSection{width:100%}.pageImg{width:auto;height:80vw}.DiscordInfo{height:10rem;padding-left:2rem;font-size:1.25rem}.Shop{height:7rem;font-size:.75rem}.ShopLink{padding:0 1rem;font-size:1rem}.CreatorOfTheMonthCard{flex-direction:column-reverse;align-items:center;gap:2rem;overflow-x:hidden}.CreatorOfTheMonthInfo{gap:0;width:80%;padding:2rem;font-size:2.5rem}.CreatorOfTheMonthTitle{font-size:2.25rem}.CreatorOfTheMonthName{font-size:1.25rem}.CreatorOfTheMonthDescription{width:100%}.CreatorOfTheMonthImageContainer{width:60%;height:auto}.ytVideo{width:100%;height:30rem}.ContentSecondary{flex-direction:column;gap:2rem;width:100%}.InfoContainer{width:50%;height:auto;font-size:1rem}.InfoBtn,.InfoSection{font-size:1rem}.InfoTitle{font-size:1.75rem}.Socials{font-size:1.35rem}.uploadButton{font-size:1.5vw}.FormTitle{font-size:6vw}}@media (max-width:599px){.CCHeader{text-align:center;flex-direction:column;gap:1rem;font-size:2rem}.ReadMoreBtn{font-size:1.5rem}.Poster{width:50vw}.CreatorOfTheMonthImageContainer{width:100%;height:auto}.CreatorOfTheMonthImage{width:auto;height:33vh}.CreatorOfTheMonthInfo{width:100%}.bgBrush{width:110vw;position:absolute;transform:translateY(2rem)translate(-20%)rotate(25deg)}.ytVideo{width:90%;height:15rem}.InfoContainer{width:80%;height:auto;font-size:1rem}.InfoSection{font-size:1rem}.InfoTitle{font-size:1.75rem}.InfoBtn,.Socials{font-size:1rem}.ContentTextSection{font-size:2.5vh}.uploadButton{font-size:5vw}}
.focus-window{z-index:1000;background-color:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.focus-window-content{background-color:#b8bdc7;border-radius:4px;width:50%;height:70%;padding:1rem;overflow:hidden}@media (max-width:1200px){.focus-window-content{width:80%;height:80%;overflow:auto}}@media (max-width:599px){.focus-window-content{width:80%;height:80%;overflow:auto}}
.form{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.container{flex-direction:column;align-items:center;height:90%;padding:50px;font-family:Arial;display:flex}h2{font-size:3vh}.input{border:1px solid #ccc;border-radius:4px;width:80%;padding:10px;font-family:monospace}textarea{border:1px solid #ccc;border-radius:4px;height:170px;padding:10px}.button{cursor:pointer;color:#fff;background-color:#0f172a;border:none;border-radius:10px;width:25%;height:3rem;font-size:1.25vh}.footer{justify-content:space-between;align-items:flex-end;width:100%;height:55%;padding-bottom:1rem;display:flex}@media (max-width:599px){.container{padding:10px}.button{width:30%;font-size:2vh}.footer{align-items:center}}
