@import url('https://fonts.cdnfonts.com/css/imagiro');
@import url('https://fonts.cdnfonts.com/css/roadstore');
@import url('https://fonts.cdnfonts.com/css/hummus');
@import url('https://fonts.cdnfonts.com/css/major-birch');

/*h1 {
    color: rgb(192, 57, 43);
    text-align: center;
    text-transform: uppercase;
    font-size: 60px;
    letter-spacing: 5px;
    line-height: 50px;
    font-family: 'Imagiro';
}*/

h2 {
    color: #e61b4e;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Major Birch', sans-serif;
    font-size: 70px;
    letter-spacing: 5px;
    margin-bottom: 10px; 
}

p {
    color:aliceblue;
    font-family: 'Hummus', sans-serif;
    font-size: 20px;
    padding: 5px;
    margin-left: 2%;
    margin-right: 2%;
}

.img-logo {
    padding-top: 30px; /* Voir si par la suite ne pose pas de problme. Mis pour le logo qui ce cacher un peut derrire le nav bar*/
    width: 20%;
    height: auto;
    margin-left: 40%;
}

.img-texte-left {
    width: 10%;
    height: auto;
    margin-left: 2%;
    margin-right: 2%;
    float: left;
}

.img-texte-right {
    width: 10%;
    height: auto;
    margin-left: 2%;
    margin-right: 2%;
    float: right;
}

.btn {
    display: block;
    margin: 10px auto 0;
    font-family: 'roadstore';
    font-size: 30px;
    font-weight: lighter;
    color: #333;
    padding: 25px 30px;
    background: #ffd17b;
    outline: none;
    border: none;
    cursor: pointer;
    border-radius: 20px;
    position: relative;
    box-shadow: 0 6px #efa424;
}

.btn:hover {
    box-shadow: 0 4px #efa424;
    top: 2px;
} 

.btn:active {
    box-shadow: 0 0 #efa424;
    top: 6px;
}