@font-face {
  font-family: pixel-operator;
  src: url('../fonts/PixelOperator.ttf');
}

body{
  background-image: url('../images/backgrounds/backgroundaboutme.gif');
  font-size: 1em;
}

/* .container{
  display: grid;
  grid-template-areas: 
  "about favs questions"
  "stamps books fanlists";
  grid-template-columns: 1.5fr 1fr 1fr;
  grid-template-rows: auto;
  gap: 15px;
  padding: 5px;
} */

.container{
    margin-top: 10px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

h2 {
    font-family:sans-serif;
}

.container div.about {
    grid-area: about;
    background-color: white;
    width: 40%;
    height: 620px;
    padding: 10px;
}

.container div.favs {
    grid-area: favs;
    background-color: white;
    padding: 10px;
    width: 25%;
    height: 620px;
    overflow: scroll;
}

.container div.questions {
    grid-area: questions;
    background-color: white;
    padding: 10px;
    height: 620px;
    width: 25%;
    overflow: scroll;
}

.container div.stamps {
    grid-area: stamps;
}

.container div.books {
    grid-area: books;
}

.container div.fanlists {
    grid-area: fanlists;
}