body {
    margin: 0px;
    background: url(../img/bak.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20;
    white-space: nowrap;
}

td {
    padding: 2px;
}

.topmenu {
    display: flex;
    block-size: fit-content;
    position: relative;
    background-color: rgba(19, 21, 36, 0.8);
}

.submenu {
    width: 100%;
    display: flex;
    block-size: fit-content;
    position: relative;
    flex-wrap: wrap;
    align-content: space-around;
    background-color: rgba(19, 21, 36, 0.6);
}

.menutxt {
    color: white;
    font-size: 1.2vw;
    padding: 10px;
    white-space: nowrap;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    cursor: pointer;

    @media screen and (orientation:portrait) {
        font-size: 4.5vw;
    }
}

.menutxt:hover {
    background-color: rgba(19, 21, 36, 0.4);
}

.menutxt-big {
    color: white;
    font-size: 2vw;
    padding: 10px;
    white-space: nowrap;
    background-color: rgba(19, 21, 36, 0.719);
    cursor: pointer;

    @media screen and (orientation:portrait) {
        font-size: 3vw;
    }
}

.menutxt-small {
    color: white;
    font-size: 1vw;
    padding: 10px;
    white-space: nowrap;
    cursor: pointer;

    @media screen and (orientation:portrait) {
        font-size: 3.5vw;
    }
}

.menutxt-small:hover {
    background-color: rgba(19, 21, 36, 0.4);
}

.tblbtn-small {
    color: white;
    font-size: 1.2vw;
    padding: 10px;
    white-space: nowrap;
    border: 1px;
    border-color: black;
    cursor: pointer;
    background-color: rgba(19, 21, 36, 0.4);

    @media screen and (orientation:portrait) {
        font-size: 4.5vw;
    }
}

.tblbtn-green {
    background-color: green;
}

.infotext {
    color: rgb(75, 75, 75);
    font-size: 1vw;
    padding: 10px;
    white-space: nowrap;
    width: fit-content;

    @media screen and (orientation:portrait) {
        font-size: 3.5vw;
    }
}

.infotext2 {
    color: rgb(75, 75, 75);
    font-size: 1vw;
    padding: 10px;
    width: fit-content;

    @media screen and (orientation:portrait) {
        font-size: 3.5vw;
    }
}

.infotext-small {
    color: rgb(75, 75, 75);
    font-size: 1vw;
    padding: 3px;
    white-space: nowrap;
    width: fit-content;

    @media screen and (orientation:portrait) {
        font-size: 2vw;
    }
}

.inputtext {
    color: rgb(75, 75, 75);
    font-size: 1vw;

    white-space: nowrap;
    width: fit-content;
    max-width: 300px;

    @media screen and (orientation:portrait) {
        font-size: 4.5vw;
        padding: 10px;
    }
}

.fullwidth {
    width: 100%;
}

.contentbox {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: space-around;

    @media screen and (orientation:portrait) {
        flex-wrap: wrap;
    }
}

.content {
    background-color: rgba(236, 236, 236, 0.8);
    border-radius: 5px;
    padding: 10px;
}

.content1 {
    margin: 2%;
    width: 96%;
}

.content2 {
    margin: 2%;
    width: 45%;

    @media screen and (orientation:portrait) {
        margin: 5%;
        width: 90%;
    }

}

.content3 {
    margin: 2%;
    flex-wrap: wrap;
    /* width: fit-content; */
}

.centered {
    display: block;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

img {
    max-width: 100%;
    max-height: 100%;
}

.textbox {
    height: 100%;
    width: 100%;
    background: none;
}