@font-face {
    font-family: Caveat;
    src: url(fonts/Caveat-VariableFont_wght.ttf);
}

.dropdown-menu{
    color: white;
}

#pied-page {
    background: #0072f7;
}

h1 {
    font-family: "Caveat";
    font-size: 50px;
}

h3 {
    text-align: center;
    font-family: "Caveat";
    font-size: 30px;
}

h2 {
    font-family: "Caveat";
    text-align: center;
    font-size: 50px;
}

#contenue {
    margin: 30px;
    border: 2px solid black;
    border-radius: 10px;
}

h4 {
    font-family: "Caveat";
    margin: 30px;
    margin-top: 10px;
    font-size: 40px;
}


#deconnexion {
    cursor: pointer;
    background: rgba(0, 47, 255, 0.699);
    ;
    transition: 0.2s;
    border-radius: 10px;
    height: 50px;
    width: 150px;
    font-family: "Caveat";
    font-size: 2rem;
    border-color: rgb(0, 89, 255);
}

#deconnexion:hover {
    background: darkblue;
    color: white;
}

#modification {
    cursor: pointer;
    background: rgba(0, 47, 255, 0.699);
    ;
    transition: 0.2s;
    border-radius: 10px;
    height: 50px;
    width: 150px;
    font-family: "Caveat";
    font-size: 2rem;
    border-color: rgb(0, 89, 255);
}

#modification:hover {
    background: darkblue;
    color: white;
}

#supprimer-cours {
    cursor: pointer;
    background: rgba(0, 47, 255, 0.699);
    ;
    transition: 0.2s;
    border-radius: 10px;
    height: 50px;
    width: 150px;
    font-family: "Caveat";
    font-size: 1.350rem;
    border-color: rgb(0, 89, 255);
}

#supprimer-cours:hover {
    background: darkblue;
    color: white;
}

#modifier-cours {
    cursor: pointer;
    background: rgba(0, 47, 255, 0.699);
    ;
    transition: 0.2s;
    border-radius: 10px;
    height: 50px;
    width: 150px;
    font-family: "Caveat";
    font-size: 1.350rem;
    border-color: rgb(0, 89, 255);
}

#modifier-cours:hover {
    background: darkblue;
    color: white;
}

#valider {
    cursor: pointer;
    background: rgba(0, 47, 255, 0.699);
    transition: 0.2s;
    border-radius: 10px;
    height: 50px;
    width: 200px;
    font-family: "Caveat";
    font-size: 2rem;
    border-color: rgb(0, 89, 255);
}

#valider:hover {
    background: darkblue;
    color: white;
}