/*Tarefa 0603. Crear a páxina Web, estruturala utilizando as etiquetas semánticas de
HTML, asignar estilos para conseguir o aspecto da imaxe e cumprir as características
seguintes:
– As cores utilizadas son: #f4d4d3, #fffafa, navy, #663366, #deeebc, white, aqua, green,
olive e black.
– A páxina ten recheo de 10px;
– A etiqueta que contén os artigos ten de ancho ocupa o 75% do ancho da etiqueta
continente.
– Todas as ligazóns van á páxina actual, incluído a do pé.
– Ao pasar o rato por riba dos enlaces da navegación, a cor pasa a ser aqua.*/

body{
    background-color: #f4d4d3;
    padding: 10px;
    height: 200vh;
}

header{
    background-color: #fffafa;
    text-align: center;
    padding: 1px;
}

header h2{
    color: navy;
}

header h3{
    color: #663366;
}

nav{
    background-color: black;
    text-align: center;
    position: sticky;
    top: 0%;
    width: auto;
}

nav ul{
    margin: 0%;
    padding: 1%;
}
nav li{
    display: inline-block;
}

nav a{
    padding: 3rem;
    text-decoration: none;
    color: #deeebc;
    
}

li a:hover{
    color: aqua;
}
section h2, h3{
    color: olive;
    text-align: center;
    font-weight: bold;
}

section h4{
    color: #663366;
    margin: 5px;
}
section{
    background-color: #deeebc;
    width: 70%;
    float: left;
}
article{
    width: 80%;
    background-color: white;
    border: aqua inset 2px;
    margin-left: 3.5%;
    margin-right: 3.5%;
    margin-top: 1%;
    padding-bottom: 2%;
    margin-bottom: 1%;
    padding-right: 5%;
    padding-left: 5%;
    padding-top: 2%;
    text-align: justify;

}

aside{
    float: right;
    width: 25%;
    background-color: white;
    border: blue inset 2px;
    padding: 1%;
    margin: 10px;
}
aside h2{
    color: black;
    text-align: center;
    font-weight: bold;
}

aside a{
    font-weight: bold;
}

footer{
    background-color: aqua;
    clear: both;
    color: navy;
    font-weight: bold;
    text-align: center;
    padding: 10px 2em;
    position: fixed;
    bottom: 0;
    width: 94vw;
    
}

footer a{
    color: green;
    text-decoration: none;
    font-weight: bold;   
}