@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap');

html{
    background-color: #0c1100;
    color: #b3ff00;
    font-family: "Source Code Pro", serif;
    margin: 0;
    padding: 0;
}

main{
    margin: 0;
    padding: 0;
}

header{
    margin: 0;
    padding: 0;
    border-bottom: solid 2px #b3ff00;
}

body{
    text-align: center;
    margin: 0;
    padding: 0;
}

a{
    color: #b3ff00;
}

div{
    margin: 0;
    padding: 0;
}

.background{
    left: 0%;
    right: 100%;
    top: 0%;
    bottom: 100%
}

.nav-container{
    display: flex;
    justify-content: left;
}

.nav-container a{
    text-decoration: none;
    margin: 4px;
    padding: 16px;
}

.nav-container a:hover{
    background-color: #405c00;
}

.console-cursor{
    animation: flash 1.5s infinite steps(2, jump-none);
}

@keyframes flash{
    from{opacity: 1;}
    to{opacity: 0;}
}

.canvasdiv{
    width: 100%;
    height: 100%;
    z-index: -99;
    position: absolute;
}