@import url("https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,500;9..40,700&display=swap");
body{
    background-color: rgb(4, 15, 32);
    font-family: "DM sans", sans-serif;
    color: white;
}


.titre{
    display: flex;
    justify-content: center;
    padding-top: 15rem;
    padding-bottom: 5rem;
}

.boutons{
    display: flex;
    justify-content: center;
}

.button{
    padding-left: 2rem;
    padding-top: 1rem;
    padding-right: 2rem;
    padding-bottom: 1rem;
    border-radius: 2rem;
    margin: 1rem;
    box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.2), 0 0.375rem 1.25rem rgba(0, 0, 0, 0.1);;
}


.button_site_web{
    background-color: rgb(72, 0, 255);
}

.button__composants{
    background-color: rgb(255, 170, 0);
}

a {
    text-decoration: none;
}

a:link, a:visited {
    color: inherit;
}

.button_site_web:hover{
    box-shadow: 0 0.25rem 1.625rem rgb(72, 0, 255), 0 0.375rem 1.25rem rgb(72, 0, 255);  
}

.button__composants:hover{
    box-shadow: 0 0.25rem 1.625rem rgb(255, 170, 0), 0 0.375rem 1.25rem rgb(255, 170, 0);  

}