@font-face {
  font-family: Barlow; /* set name */
  src: url(Resources/Barlow-Medium.ttf);
}

@font-face {
  font-family: Nerd; /* set name */
  src: url(Resources/SymbolsNerdFont-Regular.ttf);
}

body {
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-image: url("Resources/wall.jpg");
    background-size: cover;

    font-family: Barlow;

    color: whitesmoke;
}

.container {
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

span {
  font-family: Nerd;
}

.panel {
    border: 1px;
    border-style: solid;
    border-radius: 10px;
    border-color: rgba(245, 245, 245, 0.598);
    background-color: rgba(29, 28, 28, 0.388);
    backdrop-filter: blur(3px);
    box-shadow: 10px 10px 26px 0px rgba(0,0,0,0.35);
    -webkit-box-shadow: 10px 10px 26px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 10px 10px 26px 0px rgba(0,0,0,0.35);
}

.centered {
  align-content: center;
  text-align: center;
}

.padded25 {
  padding: 25px;
}

a:link {
  color: whitesmoke;
  text-decoration: none;
}

a:visited {
  color: whitesmoke;
  text-decoration: none;
}

a:hover {
  color: rgb(157, 157, 157);
  text-decoration: none;
}

a:active {
  color: whitesmoke;
  text-decoration: none;
}