/*FONT*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/*BODY*/ 
body {font-family: "Inter", sans-serif; font-optical-sizing: auto; font-weight: 200;}

/*NAV*/
.navbar {background-color: #faf7f7;}
.contactButton {display:block; background-color: lightskyblue; color: #000; text-decoration: none!important; padding: 0.5em 1em; border-radius: 100px; margin-left:1em;}

/*INDEX*/
.introBox {padding:10px; border-radius:20px; background-color: #faf7f7; display: block;}
.introBoxInner {padding:1.2em; border-radius:10px; background-color: white; height: 300px; background-size:cover; background-position: center center;}

/*PLAYER*/
.playerHome {height:130px; width:100%; display: inline-block; background-color:#faf7f7; border-radius:10px; position: relative;}
.artwork {height: 130px; width: 130px; display: block; border-radius:10px 0 0 10px; background-size:cover; background-size:center center;}
.information {padding:1em;} 
.playerLogo {position: absolute; right: 1em; top:1em; width:50px;}
.controls {width:100%; flex:content; position: absolute; bottom: 1.3em;}

/*MOBILE*/
@media only screen and (max-width: 600px) {
    .artwork {display: none;}
    .playerLogo {position: absolute; right: 1em; top:1em; width:20px;}
}