<style type="text/css">

/* CSS Document */

<link href="https://fonts.googleapis.com/css?family=Raleway&display=swap" rel="stylesheet">
@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fredericka+the+Great&display=swap" rel="stylesheet">
@import url('https://fonts.googleapis.com/css2?family=Fredericka+the+Great&display=swap');


* {margin:0;padding:0;}

.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}
.purchaseButton {font-weight: 800; font-size: 20pt; padding; 0; margin: 0 0 -13px 0; display: inline-block; border: solid; border-width: 2px; padding: 20px 30px;}
.purchaseButton:hover {color: #fff; background-color: #000;}

body {
font-family: 'Fredericka the Great', cursive;
font-weight:400;
background-color:#000;
background-image: url(background.jpg);
background-repeat: repeat;
background-position: top center;
color:#fff;
overflow-y:scroll;
font-size:11pt;
font-weight:400;
letter-spacing:3px;
margin: 0;
padding: 0;
text-align: center;
}

#wrapper {
background-color:transparent;
width:auto;
max-height:auto;
min-height:600px;
margin:20px auto;	
text-align:center;
padding: 0;
}

#content {
max-width:1000px;
min-width:auto;
height:auto;
margin:30px auto;
font-size:11pt;
font-weight:400;
letter-spacing:6px;
text-align:center;
color:#fff;
font-family: 'Fredericka the Great', cursive;

}

#musicContent {
max-width:110%;
min-width:auto;
height:auto;
margin:30px auto 18px auto;
font-size:11pt;
font-weight:400;
letter-spacing:3px;
text-align:center;
color:#000;
background-color: #fff;
padding: 15px 100px 40px 100px;
font-family: 'Fredericka the Great', cursive;
}

#landingBanner {
max-width:100%;
min-width:auto;
height:auto;
margin:0 auto;
font-size:11pt;
font-weight:400;
letter-spacing:3px;
text-align:center;
padding:0;
}

#landingBannerSpanFull {
max-width:100%;
min-width:auto;
height:auto;
margin:30px auto;
font-size:11pt;
font-weight:400;
letter-spacing:3px;
text-align:center;
padding:0;
}

#landingBannerSubNav {
max-width:900px;
min-width:auto;
height:auto;
margin:30px auto;
font-size:11pt;
font-weight:400;
letter-spacing:3px;
text-align:center;
padding:0 40px 0 40px;
}

#navigationContainer {
width: span;
height: auto;
padding: 40px;
background-color: #22134e;	
}

#navigation {
max-width:900px;
min-width:auto;
height:auto;
margin:0 auto;
font-size:20pt;
font-weight:400;
letter-spacing:3px;
text-align:center;
color: #fff582;
font-family: 'Fredericka the Great', cursive;
}

#footer {
font-family: 'Fredericka the Great', cursive;
margin:80px auto 20px auto;
width:auto;
height:auto;
font-weight:400;
font-size:6pt;
letter-spacing:2px;
color: #fff;
}

#cryptoContainer {
height: auto;
width: auto;
max-width: 900px;
margin: -10px auto 0 auto;
padding: 0;
}

#cryptoLogo {
height: auto;
width: auto;
display: inline-block;
padding: 5px;
margin: 0 auto;
background-color: #ffb700;
border-radius: 100px;
}

#cryptoLogo:hover {
height: auto;
width: auto;
display: inline-block;
padding: 5px;
margin: 0 auto;
background-color: #fff;
border-radius: 100px;
}

#contactButton {
padding: 20px 20px 20px 10px;
border: solid;
width: auto;
max-width: 800px;
height: auto;
margin: 15px auto 15px auto;	
border-color: #ffb700;
font-size: 17pt;
font-weight: 400;
background-color: #ffb700;
border-radius: 150px;
}

#contactButton:hover {
padding: 20px 20px 20px 10px;
border: solid;
width: auto;
max-width: 800px;
height: auto;
margin: 15px auto 15px auto;	
border-color: #fff;
font-size: 17pt;
font-weight: 400;
background-color: #000;
border-radius: 150px;
}


a:link {color: #000; text-decoration:none;}  /* unvisited link */
a:visited {color: #000; text-decoration:none;}  /* visited link */
a:hover {color: #ffb700; text-decoration:none;}  /* mouse over link */
a:active {color: #ffb700; text-decoration:none;}  /* selected link */