/* Palette: #f91966 slutty fuchsia, #FCF7FF off white text
     #4D7EA8 steel blue #828489 grey */
body {
    background-image: url(background.png);

    background-position:center;
    background-size:100% 100%;
    background-repeat:no-repeat;
    background-attachment: fixed;
    background-color:black;
    color:#FCF7FF;
       }

  .navbar {
    background-color: rgb(24, 13, 20);
     height: 50px;
     display:flex;
     -moz-border-radius-topleft: 5px;
     -moz-border-radius-topright: 5px;
     justify-content: flex-start;

  }

   .navbar ul{
     list-style: none;
     text-align:center; 
     text-decoration:none;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     overflow:hidden;
    }

   .navbar a{
     background-color:#f91966;
     color:#FCF7FF;
     text-decoration: none;
     border: none;
     border-radius: 5px;
     cursor:pointer;
     padding:15px;
     height: 50px;
     width: 100px;
     flex-direction:row;
   }

    .navbar a:hover{
    background-color:rgb(125, 0, 44)!important;
    }

  .navbar li{
      float:left;
  }

    h3 {
     text-align: end;
     align-items: right;
     align-content: right;
     size:10px;
    }

    



  .mainbox {
      display:flex;
      flex-direction: column;
      align-items: center;
      position:fixed;
      text-align:center;
      background-color: rgb(24, 13, 20);
      width:300px;
      min-height:750px;
      box-sizing:content-box;
      border: 20px;
      border-color: #f91966;
      border-radius:5px;
      padding: 50px;
      margin: 20px;
      overflow: auto;
      
      }

    button {
       
    }

    .topbar-button {
    background-color:#f91966;
    color: #FCF7FF;
    -ms-text-size-adjust: auto;
    border-radius: 5px;
    cursor:pointer;
    padding:5px;
    height: 35px;
    width: 150px;
    }
    


  .center { 
  height: 600px;
  width: 300px;
  position: relative;
}