body{
    background-color: black;
}


.navbar{
    background-color: black;
    box-shadow: 0 5px 5px purple;
}

.link-inicio, .item-navbar{
    color: white;
}

main{
    display: flex;
    flex-direction: column;
    height: 100vh;
    
}


.sobre-mi, .proyectos{
    background-color: black;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 0 20px purple;
    color: white;
}


.sobre-mi{
    margin-bottom: 50px;
}

.proyectos__titulo{
    margin-bottom: 20px;
}


.proyectos__img{
    width: 100%;
    height: 100%;

}

.proyectos__img > img{
    width: 100%;
    height: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.card{
    height: 100%;
    background-color: black;
    box-shadow: 0 0 20px purple;
    border-radius: 10px;
    color: white;
}

.card__link{
    background-color: black;
    border: 1px solid purple;
}