body {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
}
@font-face {
  font-family: Alata;
  src: url(../fonts/Alata-Regular.ttf);
}

@keyframes fadeInAnim {
  from {opacity: 0;}
  to {opacity: 1;}
}

#navbar {
  animation-name: fadeInAnim;
  animation-duration: 0.5s;
}
#navbar * {
  animation-name: fadeInAnim;
  animation-duration: 0.5s;
}

#maindiv {
  opacity: 1;
  position: absolute;
  width: 100%;
  min-height: calc(100% - 60px);
  left: 0;
  top: 60px;
  animation-name: fadeInAnim;
  animation-duration: 1s;
}

.content {
  top: 50px;
  position: relative;
  width: auto;
  background-color: rgb(240,240,240);
}

section {
  background-color: rgb(240,240,240);
}

article {
  background-color: rgb(240,240,240);
  padding: 30px;
  width: auto;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: rgb(250,250,250); 
}
::-webkit-scrollbar-thumb {
  background: rgb(220,220,220); 
}
::-webkit-scrollbar-thumb:hover {
  background: rgb(200,200,200); 
}