body {background-color: #e3e6dd;
}


#logo {
    width: 300px;
    height: auto;
    position: relative;
    top: 20px;
    left: 15px;

}


.banner{
    
    width: 100%;
    
    height: 130px;
    /* background-image: url("images/Banner3.png");
    background-repeat: no-repeat;
    background-size: contain; */
    background-color: #234154;
    

}



.logo_container {
    position: relative;
    top: 0%;
    height: 20%;
    }
    /*Header CSS*/
    img#puk {
    position: relative;
    top:50%;
    height: 50%;
    left: 0px;
    }
    img#se {
    position: relative;
    top:60%;
    height:50%;
    vertical-align:right;
    margin-right: 2%;
    }
  
  .header h1 {
    position: relative;
    color: #234154;
    text-align: left;
    font-family: 'Caveat', cursive;
    font-family: 'Nunito', sans-serif;
    top: 18px;
    left: 10px;
  }
  
/* Not used */
.intro {
    font-family: 'Nunito', sans-serif;
    color: #aa76c8;
    font-size: 40px;
    text-align: center;
}

/* h1 {
    color: #234154;
    text-align: left;
    font-family: 'Caveat', cursive;
    font-family: 'Nunito', sans-serif;
} */

div {
    background: white;
  }

.griffButton {
    background-color: #234154; 
    border: none;
    color: #e3e6dd;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    border-radius: 8px;
}

.cardHeader {
    /* style="color:#234154;font: size 30px; text-align:left */
    font-family: 'Nunito', sans-serif;
    color: #234154;
    font-size: 40px;
    text-align:left;
}

/* The below doesn't work */

/* [aria-current]:not([aria-current="false"]) {
    font-weight: bold;
    color: red;
  } */