body{
    h1{
        text-align: center;
        background-color: black;
        color: var(--theme-light);
        padding: 10px;
        box-shadow: 0px 0px 5px black;
        z-index: 2;
    }
    form{
        background-color: var(--theme-light);
        height: 50vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        #inputs{
            display: flex;
            justify-content: center;
            div{
                margin: 1vw;
                display: flex;
                flex-direction: column;
                *{
                    margin: 2vh;
                    text-align: right;
                }
                input{
                    color: black;
                    font-weight: 400;
                    cursor: pointer;
                    text-align: left;
                    border: none;
                    background-color: var(--theme-light);
                    box-shadow: 2px 2px 0px black;
                }
                input:hover{
                    box-shadow: 3px 3px 2px black;
                }
            }
        }
        input[type=submit]{
            width: 20vw;
            background-color: var(--theme-light);
            height: 5vh;
            cursor: pointer;
            font-weight: 400;
        }
        input[type=submit]:hover{
            filter: invert(100%);
        }
    }
}