* {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
}

nav {
    margin-top: 0;
    padding: 0;
    background-color: whitesmoke;
    height: 50px;
    display: flex;
    text-align: center;
    justify-content: center;
}

.nav-li {
    list-style: none;
    display: inline;
    margin-right: 20px;
}

li {
    list-style: none;
}

ul {
    margin-top: 15px;
}

a {
    text-decoration: none;
    color: black;
}

#about-me {
    display: flex;
    width: 100vw;
    
}

#skills {
    background-color: #002e2c;
    text-align: center;
    width: 30vw;
    color: white;
}

.portatil {
    width: 200px;
    height: 200px;
}

.skills-li {
    list-style: none;
}

#me {
    background-color: #035e7b;
    text-align: center;
    width: 70vw;
    color: white;
}

#me h2,p {
    padding-top: 20px;
}

#proyects {
    width: 100vw;
    text-align: center;
}

#proyects h2 {
    padding: 20px;
    /* background-color: yellow; */
}

.footer-personal-li{
    list-style: none;
}

footer {
    display: flex;
    background-color: antiquewhite;
}

footer > section {
    padding: 0 20px;
    /* background-color: gray; */
    margin: 5px 20px;
}

.footer-personal-li, .socialmedia-li{
    padding: 2px;
}

.proyect-in-section {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    max-width: 80%;
    margin-inline: auto;
    flex-wrap: wrap;
    gap: 25px;
}

.proyects-articles {
    min-width: 250px;
    width: 20vw;
    background-color: gray;
    border-radius: 15px;
    box-shadow: 10px 10px 12px 0 rgb(161, 161, 161);
}

#me p {
    margin-bottom: 30px;
}



#skills h2 {
    padding: 25px 0;
}

#proyects {
    background-color: whitesmoke;
}

header {
    width: 100vw;
    height: 40vh;
    overflow: hidden;
}

header img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

footer section h2 {
    padding: 40px 0 20px 0;
}

.name {
    text-align: center;
    padding: 25px;
    background-color: black;
    color: white;
    text-shadow: 0 0 10px whitesmoke;
}

.proyects-articles img {
    width: 100%;
}


.proyects-articles button{
    background-color: #035e7b;
    border: 1px solid #353e41;
    border-radius: 15px;
    padding: 10px;
    font-size: 20px;
    margin: 15px 0;
}