/*
    Auteur: Jackie Pan
    Date de création: 10.01.2025
    Description: Ceci est le code CSS de la page HTML qui sert à changer les styles et position.
*/
body {
    background-color: lightblue;
    background-image: url("../images_site_web/fond_site.jpg");
}
h2 {
    background-color: lightblue; 
    max-width: 600px; 
    margin: auto; 
    padding: 20px; 
    border-radius: 20px;
    text-align: center;
    margin-top: 50px;
}

header {
	color: white;
}

p {
    width: 600px;
    height: 400px;
    margin: auto;
	font-size:20px;
}

aside p {
    margin: auto;
    margin-top: 50px;
}

nav {
    background-color: #0697c7;
}

p {
    background-color: lightblue; 
    max-width: 700px; 
    padding: 20px; 
    border-radius: 10px; 
}

@media screen and (max-width: 1200px) {
    img {
        width: 0%;
        max-width: 0px;
    }
}

@media screen and (max-width: 700px) {
	p {
		width: 400px;
		height: 600px;
	}
}