* {
  border-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  background-color:#BD9166;
  color:#3E2104;
}

body {
   background-color:#BD9166;
    color:#3E2104;
   border: 1em double #3E2104;
   border-radius:10px;
   margin: 1em;
   padding: 2em;
    font-family: "Playwrite Deutschland Schulausgangschrifts", cursive;
    font-size: 120%;

}

img {
  border: 1em ridge #FF7F50;
}

a {
    color:#BD9166;
    text-decoration: none;

}


a:hover {
    text-decoration: underline;
    
     background-color:#BD9166;
   color: #3E2104;
}
a {
     color: #100B0A;  
}

img {
  border: 1em dashed #3E2104;
 
}

.logo {
    border: 2px solid #3E2104;
    
}

.float {
  float: left; 
}

.playwrite-de-sas-<uniquifier> {
  font-family: "Playwrite DE SAS", cursive;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

h1 {
  font-family: "Playwrite NZ Basic", cursive;
        text-align: center;
}


        

.box {
  /* PLAY WITH THE FLEX-BASIS TO SET THE SIZE OF THE BOXES */
  flex-basis: 25%;
  margin: 1.5em;
  padding: 1em;
}



 /*MENU BAR */
 
 nav {
  margin: 0;
  margin-left:-4em;
  position: fixed;
  top: 0;
  width: 100%;
  /*menubar background color */
  background-color:#3E2104;
}

nav a {
  float: left;
  display: block;
  /*menu link color */
  color:#BD9166 ;
  text-align: center;
  padding: 1em;
  text-decoration: none;
  font-size: 1em;
}

nav a:hover {
  background-color:#95612D;
  font-size: 1em;
}

main {
/*   ADD PADDING INSIDE THE WHOLE 'main' ELEMENT  */
  padding: 1em;
  
/*   SHIFT THE 'main' ELEMENT DOWN, AWAY FROM THE MENU BAR */
  padding-top: 3em;
  
/*   CUSTOMIZE THESE UNTIL YOU LIKE THE WAY THEY LOOK  */
  width: 90%;
  margin: auto;
}