html, body {
    height: 100%;
    margin: 0;
}

body {
    font-family: monospace;
    background: #000000;
    color: #FFFFFF;
    line-height: 1.6;
    padding: 2rem;
    background-image: url("../assets/newbackground.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

canvas {
    border: 5px solid #FFFFFF;
    display: block
}

hr {
    border: none;
    border-top: 3px double #FFFFFF;
    color: #FFFFFF;
    overflow: visible;
    text-align: center;
    height: 5px;
}

/* LVHA Order */
a:link {
  color: #ffff00; /* Unvisited link color */
}

a:visited {
  color: #ffff00; /* Visited link color (styles are restricted for security) */
}

a:hover, a:focus {
  color: #ff0000; /* Color when hovered or focused */
  text-decoration: underline; /* Adds underline on hover/focus */
}

a:active {
  color: #ffffff; /* Color the moment it is clicked */
}