Diseño de sitio nº 1 terminado

style.css

@@ -4,16 +4,82 @@
 }
 
 html {
-    font-family: Arial, Helvetica, sans-serif;
+    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    background-color: #9dd3ff;
+    width: 100%;
+    height: 100%; 
 }
 
 header {
     padding-top: 4vh;
     padding-bottom: 4vh;
+    padding-left: 3vw;
     display: flex;
-    justify-content: center;
-    background-color: #00000050;
-    color: white;
+    align-items: center;    
+    /*justify-content: center;*/
+    color: #000000;
     user-select: none;
+    border-bottom: #000000 solid 1px;
+}
+
+.name {
+    display: flex;
+    align-items: center;
+    padding-top: 1vh;
+    padding-bottom: 1vh;
+}
+
+.name h1 {
+    font-style: italic;
+    color: #000000;
+    margin-left: 1vw;
+    font-size: 45px;
+}
+
+.logo {
+    color: #62b0f0;
+    width: 50px;
+    height: 50px;
+}
+
+.card-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+
+.card {
+    padding-left: 2vw;
+    padding-right: 2vw;
+    padding-top: 2vh;
+    padding-bottom: 2vh;
+    width: 70vw;
+    height: 13vh;
+    background-color: #ffffff;
+    border-radius: 15px;
+}
+
+.card h2 {
+    font-size: 30pt;
+    margin-bottom: 1vh;
+}
+
+.card .bottom-part {
+    display: flex;
+    align-items: center;
+}
+
+.card img {
+    width: 70px;
+    height: 70px;
+    object-fit: cover;
+    margin-right: 2vw;
+}
+
+.card h3 {
+    font-size: 11pt;
+    height: 7vh;
+    overflow: hidden;
 }