Untitled
unknown
css
5 months ago
2.1 kB
2
Indexable
* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: Arial, sans-serif; margin: 0; padding: 0; } nav a { text-decoration: none; color: #e2e2e2; } .navSegundo a { color: #2b2e2b; text-decoration: none; } .navPrimero { display: flex; background-color: #2b2e2b; padding: 30px; font-size: 1.1em; text-align: center; gap: 57%; } nav a { list-style: none; display: flex; justify-content: center; margin-top: 2%; } nav a:hover{ transform: scale(1.2); } #claseVerde { background-color: #54f13f; color: #2b2e2b; list-style: none; display: flex; justify-content: center; padding: 12px; border-radius: 52px; } #claseVerde:hover{ background-color: #ffffff; } nav .imagen{ display: flex; } .navSegundo { display: flex; background-color: #ffffff; padding: 10px; font-size: 1.3em; text-align: center; gap: 35%; } .contenedor { display: flex; background-color: #d9d9d9; justify-content: space-between; height: max-content; } .bloqueNegro{ display: flex; background-color: #000000; justify-content: space-between; height: max-content; } .textContenedor{ background-color: white; padding: 1vw; margin:8vw 1vw ; width: 60%; } .textContenedor p { font-size: 34px; font-family: sans-serif , 'Arial'; padding: 1vw; } section { flex: 1; } .entrenador { width: 40%; margin: 4vw 3vw; background-color: white; } .entrenador img { width: 100%; height: 100%; } .textContenedor2{ background-color: rgb(0, 0, 0); padding: 1vw; margin:8vw 1vw ; width: 60%; } .nutriocionista { width: 40%; margin: 4vw 3vw; background-color: white; } .nutriocionista img { width: 100%; height: 100%; } #about { background: #e2e2e2; } #services { background: #d0d0d0; } #contact { background: #b0b0b0; } footer { text-align: center; padding: 20px; background: #333; color: white; }
Editor is loading...
Leave a Comment