body{
    background-color:#B8B8B8 ;
    color:#100792FF ;
font-family: "Permanent Marker", cursive;
padding:2em;
border: 5em ridge #100792FF;
}

img {
    border: 1em ridge #100792FF;
}

/*links*/
a {
    color:#100792FF;
    text-decoration:none ;
    transition: .4s;
    padding:.3em;
    
}



a:hover {
    text-decoration:underline;
}

/* if you want a sticky menu, add that code to the .flexHeader rule */
.flexHeader {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    /* border: 1px solid blue; */
  background-color:000094;
  color: 000094;
}

.flexLogo {
    flex-basis: 3em;
    border-radius: 50%;
}

img.flexLogo {
    width: 10%;
}

.flexH1 {
    flex-grow: 3;

}

.flexNav {
    flex-grow: 4;
}

.flexNav a {
    font-size: 1.25em;
    padding: .5em;
    color: 100792FF;
}

.interiorFlex {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: right;
    /* border: 1px solid lightsalmon; */
}