@charset "utf-8";
html, div, ul, li {
margin: 0;
padding: 0;
}
header .titulo{
margin:5%;
margin-bottom: 100px;
text-align: center;
color: #339999;
font-family: 'Roboto', sans-serif;
font-size: 50px;
font-weight: bold;
}
html { /*PUNTO 1 DE EJERCICIO: USO DE COLORES PARA TEXTO Y FONDO, INCLUYENDO DEGRADADOS*/
background: linear-gradient(top bottom, rgba(215,245,245,1) 0%, rgba(246,249,249,1) 100%);
background: -webkit-linear-gradient(rgba(215,245,245,1) 0%, rgba(246,249,249,1) 100%);
background: -moz-linear-gradient(rgba(215,245,245,1) 0%, rgba(246,249,249,1) 100%);
background: -o-linear-gradient(rgba(215,245,245,1) 0%, rgba(246,249,249,1) 100%);
background: linear-gradient(rgba(215,245,245,1) 0%, rgba(246,249,249,1) 100%);
color: #95a4a9;
}
body {margin: 10%;}
.avatar {
float: left;
margin: 0 0px 0 -40px;
}
.avatar img {
max-width: 200px;
max-height: 200px;
border-radius: 125px; /*PUNTO 7 DE EJERCICIO: USO DE BORDES REDONDEADOS*/
}
.social-icons {
max-width: 250px;
max-height: 0;
list-style-type: none;
clear: left;
text-align: center;
}
.presentacion {
font-family: "Fira Sans", sans-serif; /*PUNTO 2 DE EJERCICIO: INCLUSIÓN DE TIPOGRAFÍAS EXTERNAS*/
text-align: center;
clear: left;
width: 250px;
}
.descripcion {
text-align: justify;
font-family: "Fira Sans", sans-serif; /*PUNTO 2 DE EJERCICIO: INCLUSIÓN DE TIPOGRAFÍAS EXTERNAS*/
margin-top: -350px;
margin-left: 300px;
margin-bottom: 50px;
float: left;
width: 700px;
}
a {text-decoration: none;
color: #339999;
font-weight: bold;}
a:hover, a:focus {
color: #95a4a9;
transition: color 0.2s ease;
}
.social-icons li {
display: inline;
margin:10px;
}
.social-icons a {
display: inline-block;
margin-right: 10px;
text-indent: -9999px;
}
.twitter {
background-image: url(../img/twitter.png);
width: 20px;
height: 17px;
}
.facebook {
background-image: url(../img/facebook.png);
width: 10px;
height: 19px;
}
.googleplus {
background-image: url(../img/googleplus.png);
width: 21px;
height: 19px;
}
.instagram {
background-image: url(../img/instagram.png);
width: 20px;
height: 19px;
}
h1 { /*PUNTO 3 DE EJERCICIO: USO DE DIFERENTES ENCABEZADOS*/
color: #339999;
text-align: center;
font-family: 'Roboto', sans-serif; /*PUNTO 2 DE EJERCICIO: INCLUSIÓN DE TIPOGRAFÍAS EXTERNAS*/
font-size: 34px;
font-weight: normal;
line-height: 1;
}
p,ul,.titulo { /*PUNTO 3 DE EJERCICIO: USO DE DIFERENTES ENCABEZADOS*/
margin-bottom: 20px;
}
img {
max-width: 300px;
max-height: auto;
text-align: center;
margin-left: 70px;
}
iframe {
margin-left: 70px;
}
footer {
font-family: "Fira Sans", sans-serif; /*PUNTO 2 DE EJERCICIO: INCLUSIÓN DE TIPOGRAFÍAS EXTERNAS*/
position: fixed;
margin-top:20px;
bottom: 0;
height: 70px;
width: 250px;
text-align: center;