style.css

    body {
        background-color: #C6D5D2;
        font-family: 'Lato', sans-serif;
    }
    
    main {
        margin: 20px 50px;
        text-align: center;
    }
    
    .button--green {
        background-color: green;
        color: white;
    }
    
    .title {
        margin: auto;
        text-align: center;
        margin-bottom: 1em;
        padding-top: .5em;
        font-size: 2em;
        font-family: 'Poppins', sans-serif;
    }
    
    .title--bar {
        padding-top: 2em;
    }
    
    .buttons-block {
        padding: 1em;
    }
    
    .button--big {
        margin-right: 1em;
        padding: .75em;
        font-size: 1.2em;
        background-color: #454B49;
        color: #C6D5D2;
        width: 150px;
        display: inline-block;
    }
    
    .button--big:hover {
        background-color: #F29727;
        color: #232323;
    }
    
    .button--medium {
        margin-right: 1em;
        padding: 0.5em;
        font-size: 1.5em;
    }
    
    .timer {
        margin-top: 1em;
    }
    
    .timer--large {
        font-size: 7em;
        text-align: center;
        margin-bottom: .25em;
        margin-top: .25em;
        color: #2B2B2B;
    }