@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;900&display=swap');

html{
    background-color : #11052C;
}

header, body, footer {
    font-family : 'Montserrat', sans-serif;
}

header div img {
    width: 200px;
    float: left;            
    margin-right: 75px;
    margin-top : 25px;
    margin-left : 20px;
}

header div p {
    color: white;
    padding: 70px 50px;      
    font-weight: bold;
    font-size: 50px;
    margin: 0;

}

header div div a{
    position : absolute;
    right : -10px;
    font-size : 25px;
    float : right;
    color : black;
    margin-top : -130px;
    padding : 10px 20px;
    border-radius : 50px;
    text-decoration : None;
}

.lien1{
    margin-right: 500px;
    background-color : white;
}

.lien1:hover{
    background-color : black;
    color : white;

}

.lien2{
    margin-right : 350px;
    background-color : #F3E056;
}

.lien2:hover{
    background-color : black;
    color : #F3E056;
}

h1{
    padding-top : 25px;
    padding-bottom : 15px;
    padding-left : 75px;
    color : #F3E056;
    text-decoration : underline;
    font-size : 40px;
}

p{
    color : white;
    padding-left : 50px;
    font-size : 25px;
    line-height : 125%;
}

.img_1{

    margin-left : 550px;
    width : 800px;
}


a{
    color : #FEA892;
    text-decoration : None;
}

a:hover{
    color : white;
    background-color : #FEA892;
    text-decoration : underline;
    font-size : 25px;
    padding : 0.25%;
}

.lien_index{
    margin-left : 150px;
    font-size : 23px;
}

.lien_troll{
    font-size : 35px;
}

footer a {
    font-size : 16px;
    color: #F3E056;
}

footer a:hover{
    background-color: #11052C;
    margin : auto;
}