body {
  background: black;
}
img {
    width: 100%;
}

.title {
    text-align: center;
    color: #000;
    margin-bottom: 5px;
    font-family: sans-serif;
    font-size: xx-small;
}

.home-image{
    width: 60%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-filter: saturate(0);
    transition: ease .4s;
}
.home-image:hover{
    width: 60%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-filter: saturate(0.7);
    transition: ease .4s;
}


#uptime{
    text-align: center;
    color: #0c0c0c;
    margin-top: 5px;
    font-family: sans-serif;
    font-size: larger;
}

.bg-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
    filter: brightness(80%) contrast(98%);
    background: url(images/halftone.png)
}

.logo-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
    opacity: 0.02;
    background: url(images/ether3al.svg);
    transform: rotate(-45deg) scale(1.9, 1.9);
}