/* averia-libre-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Averia Libre';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/averia-libre-v16-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* averia-serif-libre-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Averia Serif Libre';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/averia-serif-libre-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


 html {
  background-image: linear-gradient(to bottom, rgb(85, 63, 128), rgb(40, 39, 93));
  padding: 5em;
 }

 h1, h2, h3 {
  font-family: 'Averia Serif Libre';
 }

 h1 {
  font-size: 5em;
 }

 h2 {
  font-size: 2.44em;
 }

 h3 {
  font-size: 1.95em;
 }

 p, a, li {
  font-family: 'Averia Libre';
  font-size: 1em;
 }

 a:hover {
  color: rgb(255, 245, 188);
  transition: 0.5s;
}

#extra_info {
  color: #bb96e6;
  border: #bb96e6 dashed 1em;
  border-radius: 2em;
  padding: 2em;
}

#extra_info a {
  color: #bb96e6;
}

  /* Policy & Terms */

#logo {
    margin: 1em;
}
#main_nav {
  background-image: linear-gradient(to bottom, #df4c5d, #F66473, #df4c5d);
  border: #c5395a solid 0.1em;
  border-top-left-radius: 1em;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  padding: .5em;
 }

div {
    display: grid;
    grid: 1fr 1fr 1fr / 1fr 1fr 1fr 1fr 1fr;
    max-width: 1000px;
}

main {
  display: grid;
  grid-template: 1fr 1fr / 1fr 1fr;
  min-width: 750px;
}

section {
  background-image: linear-gradient(to bottom, #FFEECE, #eeceb1);
  color: rgb(58, 16, 16);
  border: #eacfb0 solid .15em;
  padding: 1em 3em 1em 1em;
}

a {
  color: rgb(58, 16, 16);
}

#user_nav a {
  padding: 1em 3em;
  display: grid;
  justify-content: center;
  grid-template-rows: .25fr .25fr .25fr .25fr .25fr;
  margin-top: 3em;
  margin-right: 5em;
  margin-bottom: 3em;
}

.feed {
  background-color: #F6A273;
  border: #d36f4a solid .1em;
}

.profile {
  background-color: #F6D773;
  border: #dca158 solid .1em;
}

.entries {
  background-color: #BCF473;
  border: #5daf4b solid .1em;
}

.community {
  background-color: #74CAF6;
  border: #568ed3 solid .1em;
}

.settings {
  background-color: #f36fec;
  border: #b353cb solid .1em;
}