@font-face{
  font-family: Neoris-Regular;
  src: url("fonts/Neoris-Regular.ttf") format("truetype");
}

@font-face{
  font-family: Neoris-Medium;
  src: url("fonts/Neoris-Medium.ttf") format("truetype");
}

@font-face{
  font-family: Neoris-Bold;
  src: url("fonts/Neoris-Bold.ttf") format("truetype");
}

body{
  background-color: #202020;

  color: #aaaaaa;
}

a:link{
  color: #aaaaaa;
}
a:visited{
  color: #aaaaaa;
}
a:hover{
  color: #cccccc;
}

h1{
  font-family: Neoris-Bold;
}

#container{
  display: flex;
  flex-direction: column;
  min-height: 100vh;

  gap: 1em;
}

#top_panel{
  display: flex;
  flex-direction: row;
  justify-content: space-between;

  width: 96%;

  padding-left: 2%;
  padding-right: 2%;

  padding-top: 1em;
  padding-bottom: 1em;
}

#main{
  font-family: Neoris-Regular;
  font-size: 1.25em;

  width: 80%;

  padding-left: 10%;
  padding-right: 10%;
}

#buttons{
  display: flex;
  flex-direction: row;
  gap: 1em;
  align-items: center;
}

.button{
  font-family: Neoris-Bold;
  font-size: 1.5em;
}

#footer{
  width: 100%;
  font-family: Neoris-Medium;
  font-size: 1em;
}