/*   CS117 - Internet Scale Distributed Systems -- 
     Author: Darya Clark
     Purpose: Develop the associated CSS for an HTML page for a radio show     
              showing off various attributes of HTML and styling with CSS
     Associated files: secondBreakfast.html
 */
     body {
        background-color: #bfabcc;
      }
      
      h1 {
        color: #6b2e63;
        margin-left: 20px;
        text-align: center;
      }
      h2 {
        color: #3400a3;
        text-align: center;
      }
      h3 {
        text-align: center;
        color:#53225c
      }
      /* Make links into buttons with hover properties */
      a:link, a:visited {
        color: rgb(86, 223, 228);
        padding: 20px 55px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
      }
      a:hover, a:active {
        background-color: rgb(207, 6, 160);
      }

      h1.boardedHeader {border-style: double;}

      .text-box {
        width: 600px;           /* Sets the box width */
        padding: 20px;          /* Space inside the box */
        border: 2px solid #2d0060; /* The box border */
        color: #2d0060;
        margin: .5cm auto .5cm;           /* Space outside the box */
        box-sizing: border-box; /* Includes padding/border in the width */
        font-size:larger;
    }

      p#intro {
        font-size: medium;
        margin: .1cm auto .1cm;
        width: 800px;
        text-align: center;
      }
      .bios {
        margin: .5cm auto 3cm;
        width: 600px;
        text-align: center;
      }
      
      table, th, td {
        color: black;
        font-size:larger;
        margin: 1cm auto 4cm;
        border: 1px solid black;
      }

      .tracklist {
        background-color: rgb(58, 239, 230);
        color: #9d009d;
        border: 2px solid black;
        margin: 10px;
        padding: 30px
      }
      
     div {
        display: flex;
        justify-content: center;
     } 

     img {
        width: 50%;
     }