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

}

body {
    zoom: 1;
}

.center {
    /*
                border: 1px solid red;
                display: flex;
                justify-content: center;
                align-items: center;
                height: 90%;
    */
    border: 0px solid red;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*
                text-align: center;
                justify-content: center;
                align-items: center;
    */
    width: 640px;
}

.main-banner {
    position: absolute;
    top: 20px;
    left: 20px;
    line-height: 20px;
}

.color-picker {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.login-banner {
    position: absolute;
    top: 20px;
    right: 20px;

    font-size: 15px;
    letter-spacing: -0.04em;
    color: #242424;
}

.login-banner a,
.main-banner a {
    color: #242424;
}

.login-banner a:hover,
.main-banner a:hover {
    color: #000000;
}

.left-bottom-banner {
    position: absolute;
    bottom: 20px;
    left: 20px;

    font-size: 15px;
    letter-spacing: -0.05em;
    color: #242424;
}

.left-bottom-banner a {
    color: #242424;
}

.left-bottom-banner a:hover {
    color: #000000;
}


.dosbox-container {
    width: 640px;
    height: 480px;
}


.zoom-buttons {
    border: 0px solid red;
    position:relative;
    top:-15px;
    left:0px;
    width:640px;
    text-align: center;
    /*
                margin-top: 0px;

    */
}

.zoom-buttons button {
    padding: 3px 12px;
    cursor: pointer;
}

.bn-top{
    top: 0;
    margin-top: 20px;
}
.bn-bottom{
    bottom: 0;
    margin-bottom: 20px;
}
.banner {
    border: 0px solid red;
    z-index: 9999;
    position: fixed;
    left: 50%;
    margin-left: -364px;
    width: 728px;
    height: 90px;
    text-align: center;
}