/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.navigation {
    background-color: black;
    color: white;
    width: 30vw;
    background-color: #404040;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4vh;
}
.navigation tr{
    height: 5vh;
    border-radius: 4vh;
}
.navTable {
    margin-top: 10vh;
    width: 100%;
    height: 100%;
    table-layout: fixed;
}
.navTable td {
    position: relative;
    text-align: center;
    
    padding: none;
    
}

.navTable button {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: white;
    background-color: rgba(0,0,0,0);
    font-size: 3vh;
    border: none;
}
.navTable button:hover {
    background-color: #7a7a7a;
}

@media (max-width: 1024px) {
    
    .navTable button {
        height: 6vh;
        font-size: 2.4vh;
    }
    .navTable {
        margin-top: 12vh;
    }
    
    .navTable td {
        height: 6vh;
    }
    .navigation {
        position: relative;
        top: -7vh;
        width: 45vh;
        max-width: 80vw;
    }
}