/* NAV */
  nav > component {
      background-color: rgb(106, 229, 245);
    }

    nav > component a {
      font-size: 15px;
      color: #28197e;
    }

    nav > component a:hover {
      color: #4aa7dd;
    }

    nav details {
      background-color: rgb(90, 201, 216);
    }

    nav {color: white;}



  nav {
      text-align: justify;
  }

  nav > button.navbtn{
    background-color: rgb(106, 229, 245);
    color: white;
  }

  nav > span.topnav {
    background-color: rgb(106, 229, 245);
  }

  nav .topnav a.active {
    background-color: rgb(14, 201, 226);
  }


  /* HEADER */
  header{
    padding-top: 80px;
  }
  header div {
      border-radius: 27px 27px 0 0px;
      box-shadow: 6px -11px 12px 0px rgba(20, 107, 107, 0.25);
      border:none;
  }

  /* FOOTER */
  footer{
    background: rgb(106, 229, 245);
    color: #fff;
  }


  button:not(.navbtn), input {
    border-radius: 27px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
    outline: none;

  }

  button:not(.navbtn){
    border: solid #FFFFFF !important;
    border-left: 3px !important;
    border-right: 3px !important;
    border-radius: 7px !important;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    font-size:12px;
    font-family:arial, helvetica, sans-serif;
    padding: 18px 18px 18px 18px;
    text-decoration:none;
    display:inline-block;
    font-weight:bold;
    color: #FFFFFF;
    background-color: rgba(65, 195, 245, 0.91) !important;
  }

  button:not(.navbtn):hover{
    background-color: rgba(65, 195, 245, 0.91);
  }



  .topnav a.createaccountlink {
    color: black;text-align: right;width:100%;
  }

  p {color: rgb(0, 37, 41);}