@font-face {
    font-family: 'Achemine';
    src: url(fonts/achemine_regular.ttf);
}

@font-face {
    font-family: 'AchemineBold';
    src: url(fonts/achemine_bold.ttf);
}

@font-face {
    font-family: 'AchemineItalic';
    src: url(fonts/achemine_italic.ttf);
}

:root {
    --bleu1: #085da0;
    --bleu2: #043673;
    --vert1: #2b7932;
    --vert2: #275626;
    --jaune: #f9fc3e;
    --jaune2: #ffd000;
}

* {
    font-family: 'Achemine';
}

a {
  color: inherit;
  text-decoration: inherit;
}


#horloge {
    position: fixed;
    bottom: 0;
    right: 10px;
    background-color: var(--bleu2);
    border: 5px solid white;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
}

#horloge p {
    color: white;
    font-size: 50px;
    margin: 0;
    padding: 5px 20px 2px 20px;
}

#secondes {
    padding-left: 10px;
    font-size: 30px;
    color: var(--jaune2);
}

#heures, #minutes {
    font-family: 'AchemineBold';
}