@media screen and (max-width: 400px) and (orientation: portrait) {
    main {
        margin: 20px 0;
        padding: 10px;
        gap: 10px;
    }

    h2 {
        font-size: 32px;
    }

    form>input {
        padding: 5px;
        font-size: 14px;
        border-radius: 5px;
        width: auto;
    }

    button,
    a.forgot_pass {
        padding: 5px;
        font-size: 14px;
        border-radius: 5px;
        font-weight: bold;
    }

    label,
    label>a {
        font-size: 14px;
        font-family: "Trebuchet MS";
        color: var(--game-room-color);
    }
}