html,
body {
    margin: 0;
    height: 100%;
}

* {
    font-family: 'Orbitron';
}

main {
    height: 100vh;
    width: 100vw;
    display: flex;
    flex-direction: column;
}

button {
    border: 2px solid lime;
    color: lime;
    background: transparent;
    padding: 8px 25px;
}

nav {
    height: 10%;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    background: #000;
    border: 8px solid #111;
    box-sizing: border-box;
}

nav>* {
    margin-right: 50px;
}

nav * {
    color: lime;
}

nav p span {
    color: aqua;
}

.directions * {
    color: silver !important;
}

#popup {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    align-items: center;
    justify-content: center;
}

#popup div {
    height: 550px;
    width: 550px;
    background: #111;
    padding: 30px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 15px solid lime;
}


#popup div h1 {
    color: gold;
    font-size: 40px;
}

#popup div * {
    margin-bottom: 20px;
}

.show {
    display: flex !important;
}

.max {
    color: crimson;
}

#graphContainer {
    width: 100%;
    height: 90%;
    background: url(https://www.freeiconspng.com/uploads/grid-png-26.png) bottom / cover, linear-gradient(0deg, black, black);
}