105 lines
1.6 KiB
CSS
105 lines
1.6 KiB
CSS
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
|
|
|
|
body{
|
|
font-family: 'Poppins', sans-serif;
|
|
background-color: #141414;
|
|
padding: 0;
|
|
margin: 0;
|
|
color: #fff;
|
|
}
|
|
|
|
body .page{
|
|
margin: 20px 80px;
|
|
}
|
|
/* Barre de navigation */
|
|
nav{
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-evenly;
|
|
position: sticky;
|
|
top: 0;
|
|
background-color: #141414;
|
|
padding: 10px 0px;
|
|
}
|
|
|
|
nav .onglets{
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin-top: 5px;
|
|
}
|
|
nav .onglets a{
|
|
margin-right: 20px;
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
color: #fff;
|
|
}
|
|
/* Fin de la barre de navigation */
|
|
|
|
/* Partie Header */
|
|
|
|
header.index{
|
|
margin-top: 40px;
|
|
background-image: url('https://f76ef52da2.cbaul-cdnwnd.com/abcfd76b68248654d81cbe7f153fe0e0/200000002-3d79f3d7a1/Lecteur%20media.PNG?ph=f76ef52da2');
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
|
|
header h1{
|
|
text-align: center;
|
|
font-size: 60px;
|
|
padding: 150px;
|
|
}
|
|
|
|
/* Fin de la partie header */
|
|
/* Pied de page */
|
|
footer{
|
|
background-color: #1a1a1a;
|
|
padding: 25px 100px;
|
|
color: #828282;
|
|
|
|
}
|
|
|
|
footer .colonnes{
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
}
|
|
/* Fin du pied de page */
|
|
|
|
@media screen and (max-width: 640px){
|
|
body .page{
|
|
margin: 10px;
|
|
}
|
|
nav.onglets{
|
|
display: none;
|
|
}
|
|
header.index{
|
|
margin-top: 20px;
|
|
background-size: 250px 250px;
|
|
}
|
|
header h1{
|
|
font-size: 30px;
|
|
padding: 100px;
|
|
}
|
|
}
|
|
|
|
/* A propos */
|
|
|
|
/* Image Flawzie_ */
|
|
|
|
.ronde{
|
|
border-radius: 50%;
|
|
}
|
|
|
|
header .Apropos{
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-betwee;
|
|
}
|
|
|
|
header .Apropos p{
|
|
text-indent: 20px;
|
|
}
|
|
|
|
|
|
/* Fin A propos */ |