@font-face {
   font-family: 'circular_spotify';
   src: url(../circular-spotify-text-font/CircularSpotifyText-Book.otf);
}

html
{
   background: #ECD06F;
   font-family: 'circular_spotify';

}

body
{
   margin: 0px;
}

h1
{
   text-align: center;
   color: #000;
   font-size: 7rem;
}

p
{
   padding-left: 20px;
   padding-right: 20px;
   align-content: center;
   color: #000;
   font-size: 20pt;
}

button
{
   font-family: 'circular_spotify';
   background-color: #000;
   color: white;
   border: 2px solid #000;
   cursor: pointer;
   border-radius: 30px;
   padding: 10px;

   transition: 0.4s;
}

button:hover
{
   background-color: #ECD06F;
   color: #000;
   

}

button:active
{
   box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.2);
}

img
{
   align-self: center;
}

footer
{
   position:absolute;
   bottom: 10px;
   right: 10px;
}