.sketch-inputs button {
    background-color: rgb(200, 200, 200);
    padding: 12px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 16px;
    border: none;
    min-width: 220px;
}

.sketch-inputs p {
    text-align: center;
    min-width: 220px;
    font-size: 2em;
}

.sketch-inputs {
    display: flex;
    justify-content: center;
}

.sketch-inputs button:hover {
    background: rgb(150,150,150);
}

.setting-left {
    z-index: 1;
    position: absolute;
    top: 29vw;
    left: 37.8vw;
    width: 12.2vw;
    height: 5vw;
    opacity: .0;
    visibility: visible;
}

.setting-right {
    z-index: 1;
    position: absolute;
    top: 29vw;
    left: 50vw;
    width: 12.2vw;
    height: 5vw;
    opacity: .0;
    visibility: visible;
}

.setting-l {
    display: flex;
    justify-content: left;
    padding-top: .5vw;
    padding-bottom: .5vw;
}

.setting-r {
    display: flex;
    flex-direction: row-reverse;
    padding-top: .5vw;
    padding-bottom: .5vw;
}

.setting input {
    background: rgb(255, 255, 255);
}

.indent {
    margin-left: 1vw;
    margin-right: 1vw;
}

.radio {
   width: 3vw;
   height: 3vw;
}

.main-button {
    z-index: 4;
    visibility: visible;
    position: absolute;
    width: 24vw;
    height: 4vw;
    background: rgb(255, 255, 255);
    opacity: .0;
}

.slider {
    -webkit-appearance: none;  /* Override default CSS styles */
    appearance: none;
    z-index: 2;
    position: absolute;
    height: 2.5vw;
    width: 20.5vw;
    background: rgb(255, 0, 0);
    opacity: .0;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 2vw;
    height: 2vw;
    background: #4CAF50;
}

#paddle-speed {
    top: 24.2vw;
    left: 23.2vw;
}

#ball-speed {
    top: 24.2vw;
    left: 56.5vw;
}

#frm1 {
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
}

#play {
    top: 22vw;
    left: 38vw;
}

#statistics {
    top: 50.6vw;
    left: 38vw;
}

#mainMenu {
    top: 51vw;
    left: 40vw;
    width: 20vw;
    visibility: hidden;
}

#fullScreen {
    top: 23.1vw;
    left: 40vw;
    width: 20vw;
    visibility: hidden;
}

#pause-button {
    z-index: 3;
    position: absolute;
    background: rgb(0, 255, 255);
    visibility: hidden;
    top: 0vw;
    left: 39vw;
    width: 10vw;
    height: 56vw;
    opacity: .0;
}

.movement {
    z-index: 2;
    position: absolute;
    width: 39vw;
    height: 28vw;
    background: rgb(255, 0, 255);
    opacity: .0;
    visibility: visible;
}

#left-up {
    top: 0vw;
    left: 0vw;
}

#left-down {
    top: 28.25vw;
    left: 0vw;
}

#right-up {
    top: 0vw;
    left: 61vw;
}

#right-down {
    top: 28.25vw;
    left: 61vw;
}

#trash {
    width: 0%;
    height: 0;
    position: relative;
    top: 0vw;
}