*,*::before,*::after{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%;background-color:#000}html a{text-decoration:none}@media only screen and (max-width: 85em){html{font-size:50%}}body{background:linear-gradient(to left, rgb(23, 23, 23), rgb(59, 59, 59), black);color:#fff;display:grid;grid-template-rows:[headerimage-start] 80vh [headerimage-end header-start] minmax(12rem, 20vh) [header-end menu-start] max-content [menu-end content-start] max-content [content-end];grid-template-columns:[sidebar-start] 20vw [sidebar-end display-start] 80vw [display-end]}@media only screen and (max-width: 62.5em){body{grid-template-rows:[headerimage-start] 25vh [headerimage-end header-start] max-content [header-end hamburger-start] max-content [hamburger-end menu-start] max-content [menu-end content-start] max-content [content-end];grid-template-columns:[sidebar-start] 0 [sidebar-end display-start] 100% [display-end]}}@media only screen and (max-width: 45em){body{grid-template-rows:[headerimage-start] 25vh [headerimage-end header-start] max-content [header-end hamburger-start] max-content [hamburger-end menu-start] max-content [menu-end content-start] max-content [content-end]}}#header-image{grid-column:sidebar-start/display-end;background:url(../../assets/images/saugatowersNew.jpg);background-repeat:no-repeat;background-size:100% auto;overflow:visible}@media only screen and (max-width: 62.5em){#header-image{background-size:100% auto;background-position-y:70%}}header{grid-column:sidebar-start/display-end;font-size:1.8rem;font-family:"Fira Sans",sans-serif;display:flex;align-items:center;padding:0 5rem;justify-content:space-between;position:relative}@media only screen and (max-width: 62.5em){header{padding:5rem;padding-top:25vw}}@media only screen and (max-width: 45em){header{flex-direction:column;padding:3rem;padding-top:25vw;justify-content:center}}@media only screen and (max-width: 22em){header{font-size:1.2rem}}header h1{font-weight:500;letter-spacing:-1px;font-family:"Manrope",sans-serif}@media only screen and (max-width: 62.5em){header h1{font-size:3.5rem;text-align:center}}@media only screen and (max-width: 22em){header h1{font-size:2.5rem}}header #name{text-align:center}header #header-avatar{width:250px;height:auto;border-radius:250px;position:absolute;left:10rem;top:-210px;filter:drop-shadow(2px 3px 6px rgb(63, 63, 63))}@media only screen and (max-width: 62.5em){header #header-avatar{width:20vw;top:-10rem;left:40vw}}@media only screen and (max-width: 45em){header #header-avatar{width:36vw;top:-10vw;left:32vw}}header #header-links{display:grid;grid-template-rows:70% 30%;align-items:center;grid-row-gap:.5rem}header #header-text-links{justify-self:center}header #header-text-links a,header #header-text-links a:visited,header #header-text-links a:active{text-decoration:none;font-family:"Manrope",sans-serif;color:#fff}header #header-text-links a:hover{text-decoration:underline}header #social{display:flex}header #social a{display:flex;flex-direction:column;justify-content:center;text-decoration:none;text-transform:uppercase;height:60px;width:60px;color:#000;transition:background-color .1s}@media only screen and (max-width: 45em){header #social a{padding:0}}header #social a:hover{background-color:rgba(255,255,255,.88)}header #social a.fa-instagram{color:#e82c8a}header #social a.fa-youtube{color:#d14b4b}header #social a.fa-apple{color:#fff}header #social a.fa-spotify{color:#1db954}header #social a.fa-soundcloud{color:orange}header #social a.fa-whatsapp{color:#2bb740}#menu{grid-column:sidebar-start/display-end;display:grid;grid-template-columns:repeat(3, max-content);border-bottom:solid 1px rgba(221,221,221,.27);border-top:solid 1px rgba(221,221,221,.27);box-shadow:0 1px 4px 1px #d8d8d8 inset}#menu button{border:0;display:flex;align-items:center;justify-content:center;width:33.33vw;font-family:"Manrope",sans-serif;font-size:2.3rem;font-weight:bold;text-transform:uppercase;padding:3rem;background-color:#2f2f2f;color:#fff;transition:background-color .1s}#menu button i{display:inline-block;margin-right:.5rem;font-size:3rem;color:#c84242;transition:transform .1s}@media only screen and (max-width: 45em){#menu button i{margin-bottom:1.5rem}}@media only screen and (max-width: 45em){#menu button{flex-direction:column;justify-content:space-between}}#menu button:hover,#menu button.button-clicked{cursor:pointer;background-color:#fff;box-shadow:0 1px 4px 1px #d8d8d8 inset;color:#c84242}#menu button:hover i,#menu button.button-clicked i{transform:translateY(-5px)}#sidebar{background-color:#2f2f2f}@media only screen and (max-width: 62.5em){#sidebar{grid-row:menu-start/menu-end;grid-column:sidebar-start/display-end;display:none}}#sidebar .item-link{font-size:2.3rem;font-family:"Manrope",sans-serif;font-weight:bold;display:flex;padding:3rem;border-bottom:solid 1px rgba(221,221,221,.12);transition:background-color .1s}#sidebar .item-link:hover,#sidebar .item-link__clicked{cursor:pointer;background-color:#fff;color:#c84242}#mobile-menu-toggle{font-family:"Fira Sans",sans-serif;text-transform:uppercase;display:none}#mobile-menu-toggle .fa-bars{color:#000}@media only screen and (max-width: 62.5em){#mobile-menu-toggle{display:grid;width:100vw;grid-template-columns:repeat(2, max-content);justify-content:center;align-items:center;grid-column-gap:1rem;border:0;background-color:rgba(246,246,246,.562);padding:2rem 0}}#display{padding:2rem;background:url(../../assets/images/mic_black_background.jpg);background-size:100vw auto;background-position:0 0;background-repeat:no-repeat;background-attachment:fixed;background-color:#2f2f2f}@media only screen and (max-width: 62.5em){#display{grid-row:content-start/content-end;grid-column:sidebar-start/display-end;background-position:50% 0;background-size:auto 100%}}@media only screen and (max-width: 45em){#display{padding:3rem}}#display iframe{border:0}#display h1{font-size:3rem;margin-bottom:2rem;font-family:"Manrope",sans-serif;font-weight:bold;color:#fff;padding:2rem;background-color:#2f2f2f}#display h2.album-title{font-size:2.2rem;margin-top:-1rem;margin-bottom:2rem;font-family:"Manrope",sans-serif;font-weight:bold;color:#c84242}#display .metadata{margin-top:2rem;margin-bottom:2rem;padding:2rem;color:#fff;background-color:#2f2f2f;display:grid;grid-template-columns:[heading-start] 20% [heading-end body-start] 80% [body-end];grid-row-gap:1rem}@media only screen and (max-width: 62.5em){#display .metadata{grid-template-columns:[heading-start] 30% [heading-end body-start] 1fr [body-end]}}#display .metadata p{font-size:2rem;font-family:"Fira Sans",sans-serif}#display .metadata .heading{grid-column:heading-start/heading-end}#display .metadata .body{grid-column:body-start/body-end}#display .social{display:flex;margin-top:2rem}@media only screen and (max-width: 62.5em){#display .social{display:grid;grid-template-columns:repeat(5, min-content);grid-column-gap:.5rem;grid-row-gap:.5rem;justify-content:center}}@media only screen and (max-width: 45em){#display .social{justify-content:center;grid-template-columns:repeat(6, max-content)}}#display .social a.fa-2x{font-size:4rem;display:flex;padding:1rem;color:#fff;background-color:#000;margin-right:1rem;width:8rem;height:8rem;align-items:center;justify-content:center;transition:transform .1s}@media only screen and (max-width: 62.5em){#display .social a.fa-2x{margin:0;width:7rem;height:7rem;font-size:4rem}}#display .social a.fa-youtube{background-color:#d14b4b}#display .social a.fa-spotify{background-color:#1db954}#display .social a.fa-soundcloud{background-color:orange}#display .social a.fa-amazon{background-color:orange}#display .social a.fa-napster{background-color:#0054a8}#display .social a.fa-pandora{background-color:#2196f3}#display .social a.fa-deezer{background-color:#ad47ff}#display .social a.fa-apple{background-color:#f5f5f7;color:#1d1d1f}#display .social a.fa-yandex{background-color:#fff;color:#f8604a}#display .social a.fa-hypeddit{background-color:#0054a8;background-image:url(../../assets/icons/hypeddit.jpeg);background-size:100% 100%}#display .social a:hover{cursor:pointer;transform:translateY(-5px)}footer{min-height:30vh;grid-column:sidebar-start/display-end;grid-row-start:content-end;grid-column-gap:2rem;display:grid;justify-content:center;align-items:center;background-color:#000;background:linear-gradient(to right, rgba(0, 0, 0, 0.862), rgba(97, 97, 97, 0.922), rgba(0, 0, 0, 0.862)),url(../../assets/images/saugatowersBW.png);background-position:0 25%;padding:4rem 2rem 5rem 2rem}@media only screen and (max-width: 62.5em){footer{min-height:auto;padding:5rem;display:flex;flex-direction:column}}footer img{grid-column:1/2;height:13rem;filter:drop-shadow(2px 3px 6px rgb(63, 63, 63));border-radius:50%}@media only screen and (max-width: 62.5em){footer img{grid-column:1/3;margin-bottom:3rem}}footer p{grid-column:2/3;font-size:1.7rem;font-family:"Manrope",sans-serif;color:#fff;text-align:center}@media only screen and (max-width: 62.5em){footer p{grid-column:1/3}}footer #footer-links{grid-column:2/3;display:grid;grid-template-rows:max-content min-content;justify-items:center}footer #footer-text-links{justify-self:center;font-size:1.7rem;font-family:"Manrope",sans-serif;font-size:1.7rem;color:#fff}footer #footer-text-links a{text-decoration:none}footer #footer-text-links a,footer #footer-text-links a:visited,footer #footer-text-links a:active{color:#fff}footer #footer-text-links a:hover{text-decoration:underline}footer #social{display:flex}@media only screen and (max-width: 62.5em){footer #social{display:flex;flex-direction:row;margin-bottom:3rem;justify-content:center}}footer #social a{display:flex;flex-direction:column;justify-content:center;text-decoration:none;text-transform:uppercase;height:60px;width:60px;color:#fff;transition:background-color .1s;font-size:3.5rem}@media only screen and (max-width: 62.5em){footer #social a{height:auto;padding:0px}}footer #social a:hover{background-color:rgba(255,255,255,.88)}footer #social a.fa-instagram{color:#e82c8a}footer #social a.fa-youtube{color:#d14b4b}footer #social a.fa-apple{color:#fff}footer #social a.fa-spotify{color:#1db954}footer #social a.fa-soundcloud{color:orange}footer #social a.fa-whatsapp{color:#2bb740}#intro-container,#credits-container{display:none}#intro{background-color:rgba(47,47,47,.935);padding:2rem}#intro ul,#credits ul{list-style-position:inside}#intro li,#credits li{font-size:2.2rem;font-family:"Manrope",sans-serif;background-color:rgba(47,47,47,.935);padding:2rem}#intro p,#credits p{font-size:2.2rem;font-family:"Manrope",sans-serif;margin-bottom:3rem}#intro li,#credits li{margin-bottom:1rem}#intro a,#intro a:visited,#intro a:active,#credits a,#credits a:visited,#credits a:active{color:#59a1ff}#credits p{background-color:rgba(47,47,47,.935);padding:2rem}