* {
  box-sizing: border-box;
  border-radius: 5px;
}

body {
  background: linear-gradient(white, rgb(230, 194, 174), white); /*BACK background*/
  background-repeat: no-repeat;
  color: rgb(128, 63, 33);
  font-family: monospace;
  margin: 50px;
  text-align: center;
  }
  
h1, h2, h3 {
  color: rgb(85, 80, 190);
  margin: 5px;
  }

nav {
  background-color: rgb(63, 62, 112);
  width: 90%; height: 10%;
  font-size: 1.5em;
  margin: auto;
  margin-top: 0;
  margin-bottom: 0;
  border: 5px double rgb(128, 63, 33);
  border-radius: 10px;
  padding: 10px;
  }
  
a {
  background-color: white;
  color: rgb(219, 160, 123);
  border: 2px solid rgb(128, 63, 33);
  border-radius: 5px;
  padding: 5px;;
  }
  
a:active, a:hover, a:focus {
  background-color: rgb(100, 100, 215);
  color: rgb(175, 198, 255);
  }

.flex-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  width: 80%;
  background: rgb(230, 194, 174);
  margin: auto;
  border: 5px double rgb(128, 63, 33);
  border-radius: 10px;
  padding: 5px;
}

aside {
  background: white;
  float: left;
  width: 20%;
  border: 5px double rgb(128, 63, 33);
  
}

#music {
  position: fixed;
  left: 3%;
  bottom: 5%;
  background-color: rgb(63, 62, 112);
  color: white;
  border: 10px double rgb(128, 63, 33);
  border-radius: 10px;
  margin-left: 0%;
  margin-bottom: 0%;
  } 
  
#music h3 {
  color: white;
}
  
header {
  background: white;
  border: 5px double rgb(128, 63, 33);
  border-radius: 10px;
}
  
section {
  background-color: white;
  align-items: stretch;
  border: 5px double rgb(128, 63, 33);
  width: 30%;
  height: 30%;
  margin: auto;
  }
  
section p {
  padding: 2px;
}
  
table {
  background: white;
  margin: auto;
}

th, td:hover {
  background-color: rgb(100, 100, 215);
  color: rgb(175, 198, 255);
}

th, td {
  border: 2px double rgb(100, 100, 215);
  padding: 10px;
}

ul {
 list-style-position: inside;
 text-align: left;
  }
 
.loves {
  color: rgb(100, 100, 215);
 }
 

 /* diary entries. should i make like a.. diarystyle.css for it? maybe. that would be annoying. any way i do it will be bothersome. i want to learn fast so i can at least make it pretty. i think you can add javascript to make it.. interactive. for me that's 70% of the point of a webpage. makes it fun and interesting. anyway */