Pomodoro-Timer-with-Clockify-integration/public/sass_styles/_identify.scss

.identify-container {
    display: flex;
    justify-content: center;
    
    .identify {
        width: 70vw;

        .options-container {
            display: flex;

            .option {
                width: 35vw;

                display: flex;
                justify-content: space-around;

                padding: 5vh 0px;
                background-color: $second-color;

                cursor: pointer;

                transition: 0.4s ease-in-out;

                h2 {
                    @include titleFont();
                    @include normalizeTitle();

                    color: #ffffff;
                }
            }

            .active-option {
                cursor: initial;
                background-color: $second-color-darker;
            }
        }

        .form-container {

            display: flex;
            justify-content: center;

            form {
                width: 50vw;

                display: flex;
                flex-direction: column;
                align-items: center;

                padding-top: 1vh;

                
                input {
                    height: 4vh;
                    width: 60%;

                    margin-bottom: 1vh;

                    border: none;
                    border-bottom: 1px solid $border-color;
                    outline: none;

                }

                input[type=submit] {
                    width: 50%;
                    border: $border-color solid 1px;
                }
            }
        }
    }


}