h1 {
    text-align: center;
    font-size: 60px;
    font-family: cursive;
    color: #ffd600;
    text-shadow: 6px 5px #e20f0f;
}
.login {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.login-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
    box-shadow: 4px 3px 11px 4px #000000;
}

.login-box {
    width: 32%;
    background-color: #001f5d;
    height: 308px;
    border-radius: 20px;
    border: 3px solid #ffffff;
}
.inp-players {
    font-family: cursive;
    background: transparent;
    border: none;
    /* text-decoration: underline; */
    border-bottom: 1px solid;
    /* box-shadow: 0px 15px 20px -6px #000000; */
    /* border-radius: 30px; */
}
.inp-players, button {
    /* display: block; */
    width: 59%;
    padding: 13px;
    margin: 10px;
    color: #f315c9;
}
button#start {
    width: 64%;
    background-color: #ffc000;
    color: black;
    margin-top: 50px;
    border-radius: 53px;
    /* box-shadow: -1px 5px 22px #100a0a80 inset; */
}
.img2 {
    z-index: -1;
}
.img2{
    display: block;
}
.img1{
    display: block;
}
@media only screen and (max-width: 820px) {
.img2{
    display: none;
}
.img1{
    display: none;
}
}
button#start:active {
    box-shadow: -1px 5px 4px #53524a inset;
}