@font-face {
    font-family: 'Pixeloid';
    src: url(PixeloidSans-mLxMm.ttf);
}

body{
    font-family: 'Pixeloid';
    background-color: purple;
    cursor: default;
}

rec-main{
    background-color: #ff00c1;
    padding: 5px;
    width: 580px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 5px;
}

.start{
    cursor: pointer;
    font-size: 30px;
    background-color: #00b8ff;
    padding: 5px;
    box-shadow: 5px 5px 0;
}

.start:active{box-shadow: 0 0 0;}

.start:hover{background-color: #00fff9;}

@media(max-width: 600px){
    rec-main{
        width: 100%;
        margin: 0;
        border-radius: 0;
    }
}

td{
    padding-inline: 15px;
}

key-h{
    color: #00fff9;
    bottom: 0;
    position: fixed;
}