.passion {

background-color: #E6863D;
font-family:Roboto ;
border-radius: 5mm 5mm 5mm 5mm;
}
body {
    margin: 0;
    color:#ffffff;
    font-family:Made Tommy Soft;
    background-color:#ffffff;
}
.container {
    width: 80%;
    margin: 0 15 0 15; 
}

header {
    background-color:#BF213E;
}
h {
    font-family: Roboto;
}
p{
    font-family: Roboto;
}
header::after {
content:'';
display: table;
clear: both;
}
.logo {
    float: left;
    height: 100px;
    width: 100px;
    padding:10px 0;
}
nav {
float: right;
}
nav ul {
    margin:0 ;
    padding: 0;
    list-style: none;
}
nav li {
    display:inline-block;
    margin-left:70px;
    padding-top: 47px;
}
nav a {
color:#ffffff;
text-decoration:none;
font-size:1.5em;


}
nav a:hover {
background-color:#E6863C;
border-radius: 5mm;
padding: 20px;
width:300px;
box-sizing: border-box;
}

.cover{
height:300px;
}

#m{
	clear:both;
}
.grp{
    display: inline-block
;

}
.manga{
    height:20%;
} 

.passion{
    background-color: #BF213E;
}
.presentation{
    background-color: #c47ef5 ;
    margin-top:50px ;
    margin-left: 10% ;
    width: 52%;
    height:100% ;
    padding: 70px 0px 30px 10px;
    border-radius: 5mm 5mm 5mm 5mm;
}

#skate{
    background-color:#49b3bf ;
    padding: 10px 50px 50px 100px;
    border-radius: 5mm 5mm 5mm 5mm;
    margin-left: 10%;
    width: 45%;
    height:100%;
}
#Rap{
    background-color:#8c0343 ;
    width:22%;
    height:50%;
    margin: -120% 0px 0px 65%;
    padding-left: 100px;
}
#Mangas{
margin: 0px 0px 0px 200px;
 background-color: #c47ef5;
 width:80%;
height:100%;
}
img{
    border-radius: 5mm;
}

div figure{
    display: inline-block;
}

p{
    padding-left: 1%;
}
#B{
width: 50%;
height: 50%;
}