.homnepage-components{flex-direction:column;display:flex}.homepage-contents{height:45vw;min-height:560px;display:flex}.loading-container>div{background-color:#d3d3d3;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.left-homepage{opacity:.95;background-position:50%;background-size:cover;border-radius:20px;width:45%;height:auto;margin-left:8%;transition:all .5s ease-in-out;position:relative}.left-homepage:hover,.news-component:hover{cursor:pointer;opacity:1;background-position:bottom;transition:all .5s ease-in-out}.sticker,.playlist-text{letter-spacing:2px;background-color:#ff7300;border-top-right-radius:18px;padding:5px 20px;font-family:hanson,sans-serif;font-weight:bolder;position:absolute;right:0}.sticker{font-size:13px}.editor-text,.news-text{opacity:.9;background-color:#000;border-bottom-right-radius:20px;border-bottom-left-radius:20px;position:absolute;bottom:0}.news-text{padding-bottom:10px;overflow-y:hidden}.editor-text-body,.editor-text-header,.news-text-header,.news-text-body{text-align:left;margin:10px}.news-sticker{font-size:1.4vh}.editor-text-header{color:#ff7300;margin-bottom:0;padding-bottom:0;font-family:Monument Extended;font-size:2.4vw}.editor-text-body,.news-text-body{color:#fff;margin-top:0;padding-top:0;font-family:Montserrat,sans-serif;font-size:.9vw;font-weight:400}.editor-text-body{font-size:1.2vw}.right-homepage{flex-direction:column;width:32%;height:auto;margin-left:3%;display:flex}.news-component{opacity:.9;background-position:50%;background-size:cover;border-radius:20px;flex:1;margin-bottom:2.3vh;transition:all .5s;position:relative}.news-text-header{color:#ff7300;margin-bottom:0;padding-bottom:0;font-family:Monument Extended;font-size:1.5vw}.news-text-body{margin-bottom:0;font-size:.9vw}.playlist-component{z-index:2;opacity:.95;background-color:#df6b0d;border-radius:20px;flex:1;position:relative}.playlist-component:hover{opacity:.99;transition:opacity .5s}.playlist-component:active{opacity:1}.playlist-button{color:#fff;opacity:.8;background-color:#ff7300;border:.12vw solid #fff;border-radius:20px;width:20%;padding:5px 20px;font-family:Monument Extended;font-size:.7vw;position:absolute;bottom:10px;right:35%}.playlist-button:hover{opacity:.9;cursor:pointer}.playlist-button:active{opacity:1s}.playlist-text{letter-spacing:1px;background-color:#000;padding:1px 12px 1px 10px;font-size:1.4vw;position:absolute;top:0;right:0}.highlighted-playlist-image{object-fit:fill;border-radius:20px;width:100%}.bottom-homepage{width:80%;height:auto;margin-top:2.3vh;margin-left:8%}.ad{object-fit:contain;border-radius:15px;width:100%;height:auto}.rent-space{margin-top:0;padding-top:0;font-size:1vw}.playlist-text:hover,.editor:hover{color:#fff}.playlist-text:hover,.sticker:hover,.news-text-header:hover,.editor-text-header:hover,.content-text-header:hover{text-decoration:underline}@media screen and (max-width:1000px){.homepage-contents{flex-direction:column;align-items:center;height:75vh}.editor-text-body{font-size:1.6rem}.left-homepage{width:90%;height:100%;margin-left:0}.right-homepage{flex-direction:row;justify-content:space-between;gap:5%;width:90%;height:auto;margin-top:3%;margin-left:0%}.news-component,.playlist-component{width:100%;height:100%}.news-text{padding-bottom:0}.bottom-homepage{width:90%;margin-left:5%}.editor-text-header{font-size:4vh}.news-text-header{margin-top:0;font-size:2.2vw;overflow-y:hidden}.news-text-body{margin-bottom:5px;font-size:1.4vw}.highlighted-playlist-image{object-fit:contain}}@media screen and (max-width:600px){.editor-text-header{font-size:2rem}.editor-text-body{font-size:.9rem}.sticker{font-size:6px}.news-text-body{font-size:.8rem}.playlist-text{font-size:.1rem}.ad{border-radius:10px}.editor{padding-left:10px;padding-right:12px}.news-sticker{padding-left:2px;font-size:5px}}@media screen and (max-width:500px){.playlist-button{padding:2%;font-size:.5rem;bottom:5px}}@media screen and (max-width:400px){.playlist-button{font-size:.4rem}}@media screen and (max-width:300px){.editor-text-header{font-size:1.7rem}.editor-text-body{font-size:.8rem}.bottom-homepage{padding-top:1.5vh}}
.social-icon,.insta-social-icon{display:flex}.socials{justify-content:space-between;display:flex}.instagram-logo,.tiktok-logo,.x-logo,.email-icon{object-fit:contain}.email-icon:hover,.instagram-logo:hover,.x-logo:hover,.tiktok-logo:hover{cursor:pointer;transition:all 1s}.x-logo:hover{transition:all 1s;transform:rotateY(360deg)}.tiktok-logo:hover{animation:1s bounce}.email-icon:hover{animation:.5s shake}@keyframes shake{0%{transform:translate(1px,1px)rotate(0)}10%{transform:translate(-1px,-2px)rotate(-1deg)}20%{transform:translate(-3px)rotate(1deg)}30%{transform:translate(3px,2px)rotate(0)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,2px)rotate(-1deg)}60%{transform:translate(-3px,1px)rotate(0)}70%{transform:translate(3px,1px)rotate(-1deg)}80%{transform:translate(-1px,-1px)rotate(1deg)}90%{transform:translate(1px,2px)rotate(0)}to{transform:translate(1px,-2px)rotate(-1deg)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}
.container{width:100vw}.home-page{background:linear-gradient(#f18343d2 0%,#d37629de 50%,#ff8018 100%),linear-gradient(#ff5c0066,#ff5c0066);position:relative}.space{height:10vh}.home-menu-icons{flex-direction:row;justify-content:space-around;align-items:center;width:80%;height:5vh;margin-left:8%;display:flex}.home-icon{text-shadow:0 2px 4px #ffffff73;flex:1;align-items:center;height:100%;font-family:Goldman,sans-serif;font-size:2.7vh;font-style:normal;font-weight:700;line-height:normal;display:flex}.home_icon{margin-right:5px;font-size:2.5vh}.home-socials{justify-content:center}.socials{justify-content:space-between;align-items:center;width:10vw}.news-container{background:linear-gradient(#ea834866 0%,#d37629de 50%,#ff8018 100%),linear-gradient(#e7722e66,#ff5c0066)}.editor-page,.news-container{flex-direction:column;padding-top:10vh;padding-bottom:10vh;display:flex;position:relative}@media screen and (max-width:1000px){.home-menu-icons{width:90vw;margin-left:5%}.home-socials{height:2vh;margin-right:0;padding-right:0}.socials{width:30vw}}@media screen and (max-width:700px){.socials{justify-content:space-between}}@media screen and (min-width:1020px) and (max-height:700px){.instagram-logo,.tiktok-logo,.x-logo,.email-icon,.home-icon{height:5vh}.home_icon{font-size:3vh}}
