body {
  display: flex;
  justify-content: center;  /* centers #main horizontally */
  margin: 0;
  background-image: url('sparkles.jpg');
  background-size: cover;
  background-position: center;
}

#main {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center; /* horizontal center */
  align-items: center;     /* vertical center */
  width: 80%;
}
#links {
  background-color: #ffafcc;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;  /* spreads items evenly across the width */
    align-items: center;     /* vertical center */
    margin: 0;
    border: #1a5893 solid 5px;
    border-bottom: 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100%;
    color: #653183;
    
}
#links a {
    color: #653183;
    text-decoration: none;
    font-size: 1.5em;
    font-weight: 600;
}
#aboutme {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;  /* spreads items evenly across the width */
    align-items: center;     /* vertical center */
    margin: 0;
}
#box {
    background-color: #ffafcc;
    text-align: center;
    border: #1a5893 solid 5px;
    color: #653183;
    width: 100%;

}
#media {
  background-color: #ffafcc;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;     /* vertical center */
    margin: 0;
    border: #1a5893 solid 5px;
    border-top: 0px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 100%;
    color: #653183;
    
}
#media a {
    color: #653183;
    text-decoration: none;
    font-size: 1.5em;
    font-weight: 600;
}

* {
  font-family: 'Datatype', sans-serif;
}