:root {
    --accent: #3D93F6;
    --black: #000000;
    --blue: #3000de;
    --pink: #e375eb;
    --purple: #8d00de;
    --white: #ffffff;
    --green: #03962b;
}

.blue { color: var(--blue); }
.purple { color: var(--purple); }
.white { color: var(--white); }
.green { color: var(--green); }

body {
    background-color: #f0c800;

    font-size: 16px;
    line-height: 140%;
    font-family: 'Roboto', sans-serif;

    margin: auto;
    margin-top: 60px;
    max-width: 600px;
    padding: 10px;
}

.title {
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ffffff;
}

.counter {
    margin: 30px;
    font-style: italic;
    color: #03962b;
    font-size: 60px;
}