/*css*/

/*save as type2.css*/

body {background:white;
font-family: 'Oswald',sans-serif;
height: 400vw;
width:100vw;
    overflow-x: hidden;
margin:0 auto;}


main{display: grid;
grid-template-columns:1fr 1fr 1fr 1fr;
grid-auto-rows:40vw;
    grid-auto-columns:70vw;
font-family: 'Oswald',sans-serif;}

nav{height: 40vw;
width:10vw;
     color: #000000;
line-height: 3em;
font-weight: 300;
    font-size: 1em;
    font-family:'Oswald',sans-serif;}

ul{list-style: none;}

ul li{
  line-height: 3em;
font-weight: 300;
    font-size: 1em;
text-align: center;
border: 2px solid;}

ul li a{
    text-decoration: none;
    background-color:#d4ac0d;
    color: black;
    display: block;
    text-align: center;
    line-height: 2em;
}

ul li a:hover{
    background-color:white;}

ul li ul li{display: none;}

ul li:hover ul li{display: block;}

.active{background-color:#F8edc6;}


.about{font-family: 'Oswald',sans-serif;
grid-column:2;
grid-row:2;}

h1{ display: grid;
    font-size: 15vw;}

.characters{
    font-family:'Oswald',sans-serif;
grid-column:2;
grid-row:5;
font-size:4em;}

.title{font-family: 'Oswald',sans-serif;
grid-column:2;
grid-row:1;
font-size: 20em; }

.style{font-family: 'Oswald',sans-serif;
grid-column:2;
grid-row:4;
font-size: 3em;}

h2{ display: grid;
     margin: 0;
    font-weight: 100;
    font-size: 1em;}

h3{ display: grid;
     margin: 0;
    font-weight: 300;
    font-size: 1em;}

h4{ display: grid;
     margin: 0;
    font-weight: 500;
    font-size: 1em;}

h5{ display: grid;
     margin: 0;
    width: 59vw;
    font-weight: 600;
    font-size: 1em;}

h6{ display: grid;
     margin: 0;
    font-weight: 700;
    font-size: 1em;}


.lyrics{display: grid;
    font-family: 'Oswald',sans-serif;
grid-column:2;
grid-row:7;
font-size: 1em;
height: 90em;
width:30em;
line-height: 5em;
font-weight: 300;}


.p{display: grid;
    font-size:2em;
font-family: 'Oswald';}

h7{font-family: 'Oswald', sans-serif;
font-size: 9em;
width: 1em;
font-weight: 800;}

h8{font-size:10em;
    grid-column: 2/span 1;
    font-family:'Oswald',sans-serif;
font-weight: 900;
    text-align: center;
font-style:normal;
width: 5em;}

.letter{display: grid;
    text-align: center;
    font-family: 'Oswald',sans-serif;
     font-size: 7em;
grid-column:3;
    grid-row:1;}

h9{font-size:3em;
    grid-column: 2/span 1;
    text-align: center;
font-weight: 100;}

h10{font-size:1em;
   grid-column: 1/span 3;
    line-height: 2em;
font-weight: 200;
font-style:normal;
width:17vw;}

h11{font-size:1em;
grid-column: 2/span 2;
font-weight: 300;
font-style:italic;
line-height: 2em;
width:13vw;}

h12{font-size:2em;
    grid-column: 1/span 1;
    width:19vw;
    font-weight: 400;}

h13{font-size:2em;
grid-column: 1/span 6;
font-weight: 600;
font-style:normal;
width: 47vw;}

h14{font-size:3em;
    grid-column: 2/span 8;
font-weight: 700;
font-style:normal;
width: 47vw;}