@font-face {
  font-family: 'title';
  src: url('../BAUHS93.ttf');}

@font-face {
  font-family: 'Ubuntu';
  src: url('../Ubuntu-Regular.ttf');}

* {
  box-sizing: border-box;}

html,body {
  margin: 0;
  padding: 0;} 
  
body {
  font-family: Ubuntu;
  display: grid;
  grid-template-rows: auto 1fr auto;
  overflow: hidden;
  background: url('background.jpg') 0 /cover fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 100vh;}
  
a {
  text-decoration: none;
  padding: 2px;}

a:hover {
  background-color: rgba(91,91,91,.5);
  border-radius: 4px;}

a:active {
  background-color: rgba(0,0,0,.5);
  border-radius: 4px;}

a:link {
  color: rgba(57, 142, 217, 1.0);}

a:visited {
  color: rgba(156, 96, 226, 1.0);
}

#author:link {
  color: rgba(9, 0, 203, 1.0);}

#author:visited {
  color: rgba(99, 72, 228, 1.0);
}

div>h1 {
  position: relative;
  bottom: 9px;
  right: .7%;
  font-size: 1.5em;}

footer {
  text-align: center;
  margin: 10px;}

.filter {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px); /* Safari */
    z-index: -1;}

.links {
  border: 0px solid black;
  padding: 20px;
  margin: 20px auto 20px auto;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, .4);}

#title {
  font-family: title;
  font-size: 2em;
  text-align: center;
  margin: 20px auto 20px auto}

#imglink {
  height: 50px;
  width: 50px;
  display: inline-block;
  position: relative;
  top: 10px;}

#container {
  max-height: 90%;
  width: 70%;
  margin: 20px auto 20px auto;
  padding: 20px;
  border: 0px solid black;
  border-radius: 10px;
  overflow: auto;
  scrollbar-width: none;} /* Firefox Hide Scroolbar */

#container::-webkit-scrollbar {
  display: none;} /* Chrome, Safari, Edge Hide Scroolbar */