html {
    position: relative;
    min-height: 100%;
    font-family: sans-serif;
}

body {
    margin: 0 0 200px;
    padding: 0px;
    background-image: linear-gradient(to bottom, #fab1b1, #f39656);
    background-image: -moz-linear-gradient(top, #fab1b1, #f39656);
    background-image: -webkit-linear-gradient(top, #fab1b1, #f39656);
    background-repeat: repeat;
}

footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 192px;
    width: 100%;
    overflow: hidden;
}

hr {
    border-color: #db3250;
    background-color: #db3250;
    color: #db3250;
    border-style: solid;
}

a:link{
    color: #621a00;
}
a:visited{
    color: #621a00;
}
a:hover{
    color: #df7b00;
}
a:active{
    color: black;
}

.button{
    font-size: 0px;
}
.tabbutton {
    text-decoration: none;
}
.tab {
    background-image: url('DuskTab.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 129px;
    height: 40px;
    min-width: 129px;
    min-height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    margin-right: -4px;
    text-indent: 8px;
}

.navspace {
    linear-gradient(to bottom, #da8d8d, #ac4545 50%, #803030 50%, #6b2727);
    background-image: -moz-linear-gradient(bottom, #6b2727, #803030 50%, #ac4545 50%, #da8d8d);
    background-image: -webkit-linear-gradient(bottom, #6b2727, #803030 50%, #ac4545 50%, #da8d8d);
    /* Drop shadow */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    margin-bottom: 14px
}


@media (max-width: 880px) {
    .navspace {
        flex-direction: column; /* Stack flex items vertically */
        align-items: center; /* Center items horizontally */
    }
    .tab {
        margin-right: 0; /* Remove negative margin */
        margin-bottom: 0px; /* remove bottom margin */
    }
}