@font-face {
    font-family: 'proggy-clean';
    src: url(/src/fonts/FiraCodeNerdFont.ttf);
}

body {
    background-color: #232634;
    font-family: 'proggy-clean', Courier, monospace;
    color: #c6d0f5;
    background-image: url('src/intmain/wallpaper.png');
    background-size: 40px;
    image-rendering: pixelated; /* Makes the image render with a pixelated look */
    image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-pixelated; /* Opera */
    image-rendering: -webkit-optimize-contrast; /* Safari */
    -ms-interpolation-mode: nearest-neighbor; /
}
img {
    
    image-rendering: -o-pixelated; /* Opera */
    image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -webkit-optimize-contrast; /* Safari */
    image-rendering: pixelated; /* Makes the image render with a pixelated look */
    -ms-interpolation-mode: nearest-neighbor; /* IE */
}

.container {
    width: 1100px;
    margin: auto;
    background-color: #42414d;
    padding: 20px;
    border: 2px solid #51576d;
    color: #c6d0f5;
    border-radius: 5px;
}

.subcontainer {
    width: 1000x;
    margin: auto;
    background-color: #42414d;
    padding: 20px;
    border: 2px solid #51576d;
    color: #c6d0f5;
    border-radius: 5px;
}

.topbar {
    width: 1100px;
    margin: auto;
    background-color: #42414d;
    padding: 20px;
    border: 2px solid #51576d;
    margin-bottom: 10px;
    color: #c6d0f5;
    border-radius: 5px;
}

h1, h2 {
    text-decoration: underline;
    text-align: center;
    color: #c6d0f5;
}

p, a {
    font-size: 14px;
}

h3 {
    text-align: center;
    color: #c6d0f5;
}

/* unvisited link */
a:link {
    color: #8caaee;
}

/* visited link */
a:visited {
    color: #ca9ee6;
}

/* selected link */
a:active {
    color: #ef9f76;
} 

.datetime {
    font-size: 18px;
    text-align: center;
    margin-top: 20px;
}