@font-face {
  font-family: "blue-screen-font";
  src: url("../fonts/blue-screen-font/BlueScreenPersonalUseRegular-0W1M9.ttf") format("truetype");
}

@font-face {
  font-family: "alfena-pixel";
  src: url("../fonts/alfena-pixel/AlfenaPixel-Regular_demo.otf") format("opentype");
}

h1 {
    font-family:"blue-screen-font";
    color:rgb(31, 28, 28);
}

body {
  background-image: url("images/cat-4813099_1920.jpg");
  background-size: cover;
  font-family: 'alfena-pixel', serif;
}

.box {
  display: block;
  width:100%;
  height:100%;
  margin: 2px;
  border-style: solid;
  border-width: 3px;
  border-radius: 8px;
  padding: 10px;
  background-color:rgb(85, 74, 61);
  color:rgb(31, 28, 28);
}

a:link {
  color: #eba9c4;
  background-color: transparent;
  text-decoration: underline;
}

a:visited {
  color: #f883b2;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: #fcd0ea;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: rgb(255, 0, 132);
  background-color: transparent;
  text-decoration: underline;
}