style.scss

$cor1: #ff3b3f;
$cor2: #caebf2;
$cor3: #a9a9a9;
$cor4: #efefef;
$font: 'Chau Philomene One', sans-serif;

* {
    font-family: Arial, Helvetica, sans-serif;
}

body {
    background-color: $cor4;

    .form {
        width: 35%;
        display: flex;
        flex-direction: column;
        background-color: #fff;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10%;
        padding: 2rem;
        box-shadow: 0px 0px 14px $cor3;

        .img {
            width: 20%;
            height: 80px;
            margin-left: auto;
            margin-right: auto;
            background-image: url('images/logo.png');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }

        h2 {
            font-family: $font;
            color: $cor1;
            text-align: center;
            margin-top: 0;
            margin-bottom: 0;
        }

        h4 {
            margin-bottom: 2rem;
        }

        form {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;

            label {
                width: 6%;
                color: $cor1;
            }
            
            input {
                width: 90%;
                margin-bottom: 1.5rem;
                border: none;
                border-bottom: 1px solid $cor3;
                transition: .5s;

                &:focus {
                    outline: none;
                    font-size: .9rem;
                    border-color: $cor1;
                }
            }

            input[type="submit"] {
                //font-family: $font;
                color: #fff;
                font-weight: bold;
                text-transform: uppercase;
                background-color: $cor1;
                padding: 8px;
                width: 35%;
                margin-left: 6%;
                cursor: pointer;

                &:hover {
                    box-shadow: 0 0 6px $cor3;
                }
            }
        }
    }
}