@font-face {
 
    font-family: scientifica;
    src: url("https://sphene.neocities.org/assets/scientifica.ttf");
   
}

html {
 
background: #22C1C3;
background: linear-gradient(90deg, rgba(34, 193, 195, 1) 0%, rgba(34, 193, 195, 1) 49%, rgba(21, 191, 98, 1) 100%);
font-family: scientifica, monospace;
    
}

body {
    margin: 0;
    padding: 0;
    height: 1vh;
    transform: translateX(1px);
}

container {
 
 background-color: #ffffffbb;
 border: 1px solid black;
 width: 900px;
 height: 100vh;
 position: absolute;
    
}

container p, container h2 {
    
    transform: translateX(10px);
    
}

nav {
    border-bottom: 1px solid black;
    text-align: center;
}

nav a {
    color: black;
    text-decoration: none;
    margin: 90px;
}

#stats {

    background-color: white;
    width: 300px;
    border: 1px solid black;
    transform: translateX(10px);
    
}