html {
    margin: 0;
    padding: 0;
    font-size: 100%;
    box-sizing: border-box;
}

body {	
    min-height: 100vh;
    background: linear-gradient(to right, rgba(5, 5, 5), rgba(22, 22, 29));
    color: #D3D3D3;
    font-family: 'Anonymous Pro', monospace;	
    display: flex;
    flex-basis: auto;
    align-items: center;
    justify-content: center;
}

.glass {
    width: 50%;
    background: linear-gradient(to left, rgba(5, 5, 5), rgba(22, 22, 29));
    border-radius: 1.5rem;
    backdrop-filter: blur(20px);
    border-style: double;
    border-color: white;
}

h1 {
  text-decoration: underline;
}

h2 {
  font-size: 82%;
}

a:link {
        text-decoration: none;
        color: #7cf8f8;
}

a:visited {
         color: #7cf8f8;
}

a:hover {
        text-decoration: line-through dotted #00FFFF;
}


@media only screen and (max-device-width: 768px) {
        body {
             display: flex;
             align-items: top;
             justify-contents: center;
}
        .glass { 
             width: 97%;
}
}