.homnepage-components{display:flex;flex-direction:column}.homepage-contents{display:flex;height:45vw;min-height:560px}.loading-container>div{width:100%;height:100%;background-color:#d3d3d3;display:flex;align-items:center;justify-content:center}.left-homepage{width:45%;height:auto;border-radius:20px;margin-left:8%;background-size:cover;background-position:50%;position:relative;opacity:.95;transition:.5s ease-in-out}.left-homepage:hover,.news-component:hover{cursor:pointer;opacity:1;background-position:100%;background-position:bottom;transition:.5s ease-in-out}.playlist-text,.sticker{position:absolute;right:0;background-color:#ff7300;border-top-right-radius:18px;padding:5px 20px;font-family:hanson,sans-serif;font-weight:bolder;letter-spacing:2px}.sticker{font-size:13px}.editor-text,.news-text{background-color:#000;position:absolute;bottom:0;border-bottom-left-radius:20px;border-bottom-right-radius:20px;opacity:.9}.news-text{overflow-y:hidden;padding-bottom:10px}.editor-text-body,.editor-text-header,.news-text-body,.news-text-header{margin:10px;text-align:left}.news-sticker{font-size:1.4vh}.editor-text-header{font-size:2.4vw;font-family:Monument Extended;color:#ff7300;margin-bottom:0;padding-bottom:0}.editor-text-body,.news-text-body{font-size:.9vw;font-weight:400;margin-top:0;padding-top:0;color:#fff;font-family:Montserrat,sans-serif}.editor-text-body{font-size:1.2vw}.right-homepage{display:flex;flex-direction:column;width:32%;margin-left:3%;height:auto}.news-component{flex:1 1;margin-bottom:2.3vh;border-radius:20px;background-size:cover;background-position:50%;position:relative;opacity:.9;transition:.5s ease}.news-text-header{font-size:1.5vw;font-family:Monument Extended;color:#ff7300;margin-bottom:0;padding-bottom:0}.news-text-body{font-size:.9vw;margin-bottom:0}.playlist-component{background-color:#df6b0d;border-radius:20px;flex:1 1;position:relative;z-index:2;opacity:.95}.playlist-component:hover{opacity:.99;transition:opacity .5s}.playlist-component:active{opacity:1}.playlist-button{position:absolute;width:20%;bottom:10px;right:35%;border-radius:20px;padding:5px 20px;background-color:#ff7300;color:#fff;font-family:Monument Extended;font-size:.7vw;border:#fff;border-style:solid;border-width:.12vw;opacity:.8}.playlist-button:hover{opacity:.9;cursor:pointer}.playlist-button:active{opacity:1s}.playlist-text{position:absolute;background-color:#000;right:0;top:0;padding:1px 12px 1px 10px;font-size:1.4vw;letter-spacing:1px}.highlighted-playlist-image{height:100%;width:100%;object-fit:fill;border-radius:20px}.bottom-homepage{margin-top:2.3vh;height:auto;width:80%;margin-left:8%}.ad{object-fit:contain;width:100%;height:auto;border-radius:15px}.rent-space{margin-top:0;padding-top:0;font-size:1vw}.editor:hover,.playlist-text:hover{color:#fff}.content-text-header:hover,.editor-text-header:hover,.news-text-header:hover,.playlist-text:hover,.sticker:hover{text-decoration:underline}@media screen and (max-width:1000px){.homepage-contents{flex-direction:column;height:75vh;align-items:center}.editor-text-body{font-size:1.6rem}.left-homepage{width:90%;margin-left:0;height:100%}.right-homepage{margin-top:3%;width:90%;height:auto;margin-left:0;flex-direction:row;justify-content:space-between;gap:5%}.news-component,.playlist-component{width:100%;height:100%}.news-text{padding-bottom:0}.bottom-homepage{margin-left:5%;width:90%}.editor-text-header{font-size:4vh}.news-text-header{margin-top:0;font-size:2.2vw;overflow-y:hidden}.news-text-body{font-size:1.4vw;margin-bottom:5px}.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{font-size:5px;padding-left:2px}}@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}}