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

.main-pomodoro {

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

    height: 68vh;

    .timer {

        display: flex;
        justify-content: center;

        @include bodyFont;
        font-weight: bold;
        font-size: 130pt;

        color: $second-color;
    }

    .style-display {

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

        @include bodyFont;
        
        h4 {
            font-size: 24pt;
            
            @include normalizeBody;
            
            color: $second-color;
            user-select: none;

        }

        h3 {
            font-size: 30pt;

            @include normalizeBody;

            color: $second-color;

            cursor: pointer;
            user-select: none;
        }
    }

    .start-pomodoro {
        @include normalizeButton;
        @include titleFont;

        margin-top: 6vh;
        width: 30vw;
        height: 8vh;
        
        background: $second-color;
        border-radius: 24px;

        font-size: 5vh;
        color: white;
    }
}