* {
    margin: 0px;
    padding: 0px;
}

html {
    background-color: #2b2a33;
    height: 100%;
}

body {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.top {
    background-color: #141317;
    padding: 10px;
}

.top ul {
    display: flex;
    justify-content: center;
}

.top li {
    list-style-type: none;
    padding-left: 25px;
    padding-right: 25px;
}

.top a {
    text-decoration: none;
    color: white;
}

.top a:hover {
    color: purple;
}

.bottom {
    color:  white;
    background-color: #141317;
    position: sticky;
    top: 100vh;
}

.fullscreen {
    flex: 1;
}