.form-container {

    font-family: Arial, Helvetica, sans-serif;

    .options-container {
        
        display: flex;


        height: 10vh;
        width: 100%;
        
        .option {
            $backgroundColor: rgb(54, 112, 201);

            color: #fff;
            background-color: $backgroundColor;

            cursor: pointer;

            width: 100%;
            height: 100%;

            display: flex;
            justify-content: center;
            align-items: center;
            transition: ease-in-out 0.2s;

            &.active {

                cursor: initial;
                background-color: adjust-color($color: $backgroundColor, $blackness: 33%, $alpha: 1.0);
                transition: ease-in-out 0.4s;
        }

        }
    }

    form {

        height: 64vh;

        display: flex;
        flex-direction: column;

        align-items: center;
        
        padding-top: 3vh;

        input {
            
            width: 33vw;
            height: 5vh;

            padding: 0;
            box-sizing: content-box;

            margin-bottom: 0.5vh;

            border: 0;
            border-bottom: 1px solid rgb(121, 121, 121);

            outline: none;
            
            &[type="submit"] {
                margin-top: 1vh;
                
                border-bottom: 0;
                border: 1px solid rgb(121, 121, 121);

            }
        }
    }
}

@media (min-width: 991.98px) {

    .form-container {

        margin: 0px 20vw;
    }
}