@charset "utf-8";


* {
    box-sizing: border-box;
    margin: 2;
    padding: 0;
}

header {
    background-color: hsla(268, 100%, 75%, 0.637);
    padding: .6em;
    margin: .5em;
    border-radius: 1em;
}

header #logo {
    margin: .5em;
    display: flex;
    flex-direction: column;
    align-items: center;
}

nav a:hover{
    color: #ffffff;
}

nav ul {
    display:flex;
    text-align: center;
    margin: auto;
    list-style: none;
    justify-content: space-around;
}


ul, ol {
    list-style: none;
}


body{
    background-color: rgb(0, 0, 0);
}

p, h4 {
    color: rgb(255, 255, 255);
}

#presentacion {
    background-color: rgba(58, 58, 58, 0.349);
    margin: .5em;
    padding: .6em;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 1em;
}

#presentacion ul li {
        display:block;
        text-align: center;
        list-style: none;
        padding: .2em;
    }

#presentacion p {
    text-align: justify;
    margin-block-end: auto;
}

#presentacion a {
    color: rgb(125, 76, 139);
}

#presentacion a:hover {
    color: #ffffff;
}

#datos {
    background-color: rgba(58, 58, 58, 0.349);
    margin: .5em;
    padding: .5em;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 1em;
    text-align: center;
}

#datos h3 {
    margin: .1em;
    
}

#datos a{
    color: #ffffff;
}


#datos a:hover {
    color: #844f94;
}


h1, h3 {
    color:rgb(94, 67, 119);
    font-family: Arial, Helvetica, sans-serif;
    font-size: em;
}


a {
    color:rgb(0, 0, 0);
    text-decoration: none;
}

#portfolio {
    background-color: rgba(58, 58, 58, 0.349);
    margin: .5em;
    padding: .6em;
    align-items: center;
    border-radius: 1em;
    text-align: center;
}

#portfolio a {
    color: #ffffff;
}

#portfolio a:hover {
    color: #844f94;
}

footer {
    background-color: hsla(268, 100%, 75%, 0.637);
    padding: .6em;
    margin: .5em;
    border-radius: 1em;
}