diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..cc15ab4 --- /dev/null +++ b/styles.css @@ -0,0 +1,77 @@ +body { + background-color: white; + font-family: Arial, sans-serif; + margin: 0; +} + +header { + background-color: green; + color: white; + text-align: center; + padding: 20px 0; +} + +.header-content { + max-width: 600px; + margin: 0 auto; +} + +h1 { + font-size: 36px; + margin: 0; +} + +p { + font-size: 18px; + margin: 0; +} + +main { + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 20px; + padding: 20px; +} + +.icon { + text-align: center; +} + +.icon img { + width: 200px; /* Ajustez la taille des images selon vos besoins */ + height: 200px; + border-radius: 50%; +} + +.buttons { + margin-top: 10px; +} + +button, input[type="submit"] { + background-color: green; + color: white; + border: none; + padding: 10px 20px; + margin: 5px; + cursor: pointer; +} + +button:hover { + background-color: darkgreen; +} +input { + visibility: visible; +} + +.chargement { + display:none; + position: absolute; + top: 50%; + left: 37.5%; + text-align: center; + border-radius: 10px; + background-color: lightgrey; + width: 25vw; + padding: 2vw; +} \ No newline at end of file