header > h1{
    display:inline-block;
  }
  #logo {
    max-width:12vw;
  }
  a {
    font-weight:bold;
    cursor: pointer;
  }
  #mainNav nav {
    box-shadow: 0px 2px 5px -3px;
    padding-left: 2vw;
    padding-right: 2vw;
  }
  #mainNav {
    display:inline;
    float:right;
  }

  #upgradeButton {
    color:#ff9c70;
  }

  .dashboardPopup {
    max-width: 100%;
  }

  .white-popup-block {
    background: #FFF;
    padding: 20px 30px;
    text-align: left;
    max-width: 650px;
    margin: 40px auto;
    position: relative;
  }
  .popupInput {
    max-width:70%;
  }
  .popupSubmit {
    display:block !important;
  }
  select {
    width:40%;
  }
  nav a + a:before{
    content: " | ";
    padding: 0 5px;
    color:#9b4dca;
  }
  #loginButton {
    display:inline;
  }

#messageBox{
    width: 100%;
    border-radius: 25px;
    color: purple;
    margin-bottom: 1.5rem;
    margin-top: 1rem;
    padding: 10px;
    padding-left: 15px;
    position: relative;
    -webkit-transition: height 0.4s;
    transition: height 0.4s;
    overflow: hidden;
    transition-timing-function: ease-in;
    height:0px;
  }
  #messageBox p{
    display: inline-block;
    margin-bottom: 0px;
    padding-left: 10px;
    position: relative;
  
  }
  #messageIcon{
    margin-top: 15px;
    display: inline-block;
    font-size: 23px;
    position: relative;
  
  }
  .messageVisible{
    top:0px;
    opacity: 1;
    -webkit-transition: top 0.4s, opacity 0.4s; /* Safari */
    transition: top 0.4s, opacity 0.4s;
    transition-timing-function: ease-in;
    transition-delay: 0.2s;
  }
  .messageHidden{
    top:10px;
    opacity: 0;
      -webkit-transition: top 0.4s, opacity 0.4s; /* Safari */
    transition: top 0.4s, opacity 0.4s;
    transition-timing-function: ease-in;
    transition-delay: 0.2s;
  }
  .popupFormBox {
    width: 10vw;
    background-color: White;
    border: 1px solid black;
    -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.75);
    border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
  }