@import url('https://fonts.googleapis.com/css?family=Raleway:100,300,400,500,700,900');


*{margin: 0;
    padding: 0;
    list-style-type: none;
    text-decoration: none;
    box-sizing: border-box}

.shortcut icon {border-bottom-left-radius: 100%; border-bottom-right-radius: 100%}
body{font-family: raleway;
    font-weight: 400}
.pagina {
    width: 100%;
    margin-top: 0rem;
    position: relative}
.fff {margin-top: -25%;
        position: absolute;
        margin-left: 5%
        }
h1 {font-family: raleway; 
    font-weight: 900;
    color:#83C4E9;
    width: 100%;
    text-align:left;
    font-size:8rem;
    line-height: 75%;}
h1 a{color: #83C4E9}
.columna3 {display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: flex-start;
	align-content: center;}
.fotoynombre {padding-bottom: 2rem;}
img {width: 250px;
    height: auto;
    display:block;
    margin:auto;}
section {background: #2f2e3b;
    padding-bottom: 3rem;
    padding-top: 3rem;
    width:100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: baseline;
	align-content: center;}
h3 {color: #ffc453}
h2 {font-family: raleway;
    font-weight: 900;
    font-size: 2rem;
    color: #2f2e3b;
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: center;}
h2 a{color: #2f2e3b}
section article {font-family: raleway;
    font-weight: 500;
    line-height: 200%;
    color: #ffc453}
nav ul li:hover {background: #2f2e3b;
    border-bottom-color: #ffc453;
    border-bottom-style: solid;
    border-bottom-width:2px;} 
nav ul li a:hover {color: #83C4E9} 
nav{background:rgba(255, 255, 255, 0)}
nav ul li {color: #2f2e3b;
    font-family: raleway;
    font-weight: 700;
    display: inline;
    padding-top: 3.3%;
    padding-bottom: 1.3%;}
nav ul li a { text-decoration: none;
    color: #2f2e3b;
    font-family: raleway;
    font-weight: 700;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 9rem;
    padding-right: 9rem;
    font-size: 0.75rem}
.barra {background-color: #ffc453;
    height: 5rem;
    width: 100%;
    margin-top: -22px;
    border-bottom-color: #83C4E9;
    border-bottom-style: solid;
    border-bottom-width:2px}
.datos{text-align: center;
        background: rgba(47, 46, 59, 0.94);
        color: #ffc453;
        font-size: 1rem;
        font-family: raleway;
        font-weight: 300;
        padding-top: 2rem;
        padding-bottom: 2rem}
.app {background: rgba(47, 46, 59, 0.89);
        color: #2f2e3b;
        font-family: raleway;
        font-weight: 900;
        text-align: center;
        font-size: 1.5rem;
        padding-top: 2rem;
        line-height: 75%}
.logo{height: 6rem;
    width: auto;
    padding-top: 0.1rem;
    margin-left: auto;
    margin-right: auto;
    display: block}
.flecha{height: 2rem;
    width: auto;
    padding-bottom: 1rem;}
footer{background: rgba(47, 46, 59, 0.84);
        color: #83C4E9;
        font-family: raleway;
        font-weight: 100;
        text-align: center;
        font-size: 0.75rem;
        padding-left: 30%;
        padding-right: 30%;
        padding-top: 1rem;
        padding-bottom: 1rem}
h4{font-family: raleway;
    font-weight:700 ;
    font-size: 0.75rem;
    margin-bottom: 0.5rem}
.app .tete a {color: #ffc453;
            margin-left: 40%;
            margin-right: 40%;  
            padding-top: 7%;
            padding-bottom: 7%;
            margin-bottom: 2%;}
.app .tete {font-family: raleway;
            font-weight: 900;
            font-size: 1rem;
            color: #ffc453;
            background: none;
            border-color: #ffc453;
            border-style: solid;
            margin-left: 40%;
            margin-right: 40%;  
            padding-top: 1%;
            padding-bottom: 1%;
            margin-bottom: 2%;
            border-width: 2px;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px
            }
.app .tete:hover {background: #83C4E9}
.app .tete:hover a {color: #2f2e3b}