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

/* COLORS AND FONTS */
body {
    background-color: #1A5965;
    color: #FFF0F5;
    font-family: "Dongle", sans-serif;
    font-size: 2em;
   /*margin: .5em 0 .5em 0;*/
}

h1 {
font-family: "Walter Turncoat", cursive;
}

h2 {
    font-family: "Walter Turncoat", cursive;
}

a {
    color: #FFB980;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
    background-color: #1A5965;
    color: #FFF0F5;
    border-radius: 5px;
}
/* IMAGE CENTERING */
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 55%; /* THIS IS HOW WIDE YOU WANT THE IMAGE TO BE */
}

.center img {
  width: 100%; /* THIS MAKES THE IMAGE TAKE UP THE FULL AMOUNT OF THE WIDTH YOU SET ABOVE */
}

.center .logo {
    width: 40%;
}

img {
       border: 1em double #f5bcbc; 
}

.logo{ 
   border: none;
}

/*MENU */
nav {
  margin: 0;
  height: 3em;
  width: 100%;
  background-color: #f5bcbc;
  text-align: center;
  color: #000000;
}

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

nav a:hover {
  background-color: #455d7a;
  font-size: 1em;
}

main {
  width: 90%;
  margin: auto;
  padding: 1em;
}