@import"https://fonts.googleapis.com/css2?family=PT+Sans&display=swap";:root{--white: #FBFEF9;--purple: #743ad5;--dark_grey: #35363E;--background: #1E1E1E;--Porpl: #805ad5}*{box-sizing:border-box}a{text-decoration:none}body{margin:0;padding:0;background-color:var(--background)}.homepage-container{text-align:center;height:fit-content;width:100%;margin-top:68px;margin-bottom:68px}.NS-title{color:var(--white);font-size:48px;font-weight:700;margin:0;font-family:PT Sans,sans-serif}.subTitle{color:var(--white);font-family:PT Sans,sans-serif;margin-top:0;font-size:20px;opacity:80%}.main-content-container{display:flex;align-items:flex-start;flex-wrap:wrap;justify-content:center;height:100%;gap:5px;margin:10px}.item{background-color:var(--dark_grey);color:var(--white);border-style:solid;border-radius:8px 8px 0 0;border-color:var(--purple);text-align:center;padding:5px;font-family:PT Sans,sans-serif;font-size:1.5em}.border-gradient{border:10px solid;border-image-slice:1;border-width:2px}.border-gradient-purple{border-image-source:linear-gradient(to left,#743ad5,#d53a9d)}.only-bottom{border-left:0;border-right:0;border-top:0}.only-custom{border-top:0;border-right:0}html,body{margin:0;padding:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#B09ED8}::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}.mobile-header{display:flex;justify-content:space-between;align-items:center;width:100%;height:52px;background-color:var(--background);box-shadow:0 2px 5px #0000001a;z-index:100}.logo{padding:0 20px;display:flex;justify-content:center;justify-items:center}.logo img{height:40px;width:40px;padding-top:7px}.logo img:nth-child(1):hover{border:unset}.site-title{color:var(--white);font-size:1.5rem;margin:.5rem;font-weight:bolder;font-family:PT Sans,sans-serif}.menu-button{display:none;font-size:1.5rem;height:38px;width:38px;border:none;cursor:pointer}@media (max-width: 768px){.logo{padding:0 10px}.menu-button{display:flex;flex-direction:column;justify-content:center;margin-right:10px;background-color:var(--background)}.menu{position:fixed;top:0;left:-200px;width:200px;height:100%;background-color:var(--background);box-shadow:2px 0 5px #0000001a;z-index:99;transition:left .3s ease-out}.menu a{color:var(--white);font-family:PT Sans,sans-serif}.menu.open{left:0}.bar{margin:4px 10px 4px 0;background-color:var(--white);height:3px;width:100%;padding:0;border-radius:5px}.menu ul{padding:0;margin:0;display:flex;flex-direction:column-reverse}.menu li{list-style:none;padding:10px;border-bottom:2px solid;border-image:linear-gradient(to right,#743ad5,#d53a9d) 1}.menu li:first-child{border-bottom:none}}.desktop ul{display:flex;flex-direction:row-reverse;list-style:none}.desktop li a{text-decoration:none;color:var(--white);padding:1rem;font-family:PT Sans,sans-serif}.desktop li a:hover{color:var(--purple)}.footer-home{position:fixed;display:flex;align-items:center;justify-content:center;height:fit-content;bottom:0;width:100%;background:var(--purple);color:var(--white);font-size:.75rem;font-family:PT Sans,sans-serif}.footer-albums{position:relative;display:flex;align-items:center;justify-content:center;height:fit-content;width:100%;background:var(--purple);color:var(--white);font-size:.75rem;font-family:PT Sans,sans-serif}.footer-absolute{position:absolute;bottom:0px;display:flex;align-items:center;justify-content:center;height:fit-content;width:100%;background:var(--purple);color:var(--white);font-size:.75rem;font-family:PT Sans,sans-serif}@media (width < 900px){.footer-home{position:relative;font-size:.7rem;height:fit-content;margin-top:25px}.footer-albums{font-size:.7rem;height:fit-content;margin-top:25px}}.icon-api{height:15px!important;width:59px!important}.genreOne-content-container{height:fit-content;margin:25px;background-color:var(--backgound);padding:5px;border-width:5px}.genreTilte{width:calc(100% - 10px);background-color:var(--dark_grey);line-height:50px;text-decoration-line:underline;margin:5px;padding-left:10px;height:fit-content;color:var(--white);font-family:PT Sans,sans-serif;border-radius:5px 5px 0 0}.genreTilte h1{margin-top:0;margin-bottom:0}.genreDescBox{height:fit-content;width:calc(100% - 10px);background-color:var(--dark_grey);margin-left:5px;color:var(--white);font-family:PT Sans,sans-serif;border-radius:5px 5px 0 0}.genreDescBox p{font-size:20px;padding:10px;margin:0}.albumHolderBox{width:calc(100% - 10px);background-color:var(--dark_grey);margin-top:15px;margin-left:5px;margin-bottom:5px;padding:10px;color:var(--white);font-family:PT Sans,sans-serif;border-radius:5px 5px 0 0}.albumsTitle{font-size:25px;font-weight:500;font-family:PT Sans,sans-serif;margin-bottom:18px}.albumHolderBox p{margin-top:0}.albumFlexHolder{display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:2px}.albumFlexHolder div{max-width:200px}.albumFlexHolder p{text-align:center;word-break:break-word}img{height:202px;width:200px;border-radius:5px 5px 0 0}img:nth-child(1):hover{box-shadow:#0000004d 0 19px 38px,#00000038 0 15px 12px;transition-delay:.05s}img:nth-child(2):hover{box-shadow:#0000004d 0 19px 38px,#00000038 0 15px 12px;transition-delay:.05s}img:nth-child(3):hover{box-shadow:#0000004d 0 19px 38px,#00000038 0 15px 12px;transition-delay:.05s}img:nth-child(4):hover{box-shadow:#0000004d 0 19px 38px,#00000038 0 15px 12px;transition-delay:.05s}img:nth-child(5):hover{box-shadow:#0000004d 0 19px 38px,#00000038 0 15px 12px;transition-delay:.05s}img:nth-child(6):hover{box-shadow:#0000004d 0 19px 38px,#00000038 0 15px 12px;transition-delay:.05s}@media (width < 600px){.albumFlexHolder{flex-wrap:wrap}.albumFlexHolder img{justify-content:center;height:125px;width:125px;margin:5px}.albumFlexHolder p{display:none}.albumCoverContainer{position:relative;display:inline-block;cursor:pointer}.albumCoverContainer:before{content:attr(data-tooltip);position:absolute;z-index:1;bottom:15%;left:50%;width:95px;overflow-wrap:break-word;transform:translate(-50%);padding:6px 10px;background-color:#743ad5b3;color:var(--white);font-family:PT Sans,sans-serif;font-size:.8rem;text-align:center;font-weight:550;border-radius:4px;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.albumCoverContainer:hover:before{opacity:1;visibility:visible}}@media (width < 380px){.albumFlexHolder img{justify-content:center;height:100px;width:100px;margin:5px}.albumCoverContainer:before{width:75px;font-size:.7rem}}.go-to-top-button{position:fixed;bottom:30px;right:15px;display:none;background-color:#35363ecc;color:var(--white);border-radius:5px 5px 0 0;padding:10px;font-size:22px;font-weight:300;cursor:pointer;z-index:9999;transition:opacity .3s}.go-to-top-button.visible{display:block}.CA-Title{color:#fbfef9;text-align:center;font-family:PT Sans,sans-serif}.ContactsContainer{display:flex;justify-content:center}