.logo{
    background-color: black;
   }
   
   ul {
       list-style-type: none;
       margin: 0;
       padding: 0;
       overflow: hidden;
       background-color: black;
     }
     
     li a {
       float: left;
       font-size: larger;
       display: block;
       color: red;
       text-align: center;
       padding: 14px 16px;
       text-decoration: none;
       text-size-adjust: 10px;
       font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif
     }
   
     li a:hover {
      opacity: 80%;
      color: white;
      transition: 400ms;
    }
    
    .top {
      border: 1px solid black;
      margin: 15rem;
      padding: 2rem 2rem;
      text-align: center;
    }

    .bot {
      display: inline-block;
      border: 3px solid darkred;
      padding: 1rem 1rem;
      vertical-align: middle;
    }

    h1{
      color: whitesmoke;
      font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
      font-size: 300%;
    }

    h3{
      color: whitesmoke;
      font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
      
    }

    img{
      height: 300px;
      width: 300px;
    }

   .spotify{
      color: green;
      font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
      font-size: 150%;
      text-decoration: none;
    }

    .spotify:hover{
      color: red;
      transition: 700ms;
    }

    .maintext{
      color: red;
    }