#name {
    width: 100%;
    height: 100px;
}

.logo { 
    width: 20px;
    height: 20px;
    position: absolute;
    left: 46%;
}

#redes {
    background-color: rgba(190, 141, 218, 0.856);
    width: 100%;
    height: 25px;
    
    
}
.logo-instagram {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 48%;
    
}

#isa2 {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

#about-me{
    width: 300px;
    height: 300px;
    border-radius: 10%;
}
body{
    background-color: #e0e1dd;
    padding: 2%;
}
#menu{
    display: flex;
    padding: 3%;
}

#projects {
    width: 300px;
    height: 300px;
    border-radius: 10%;
}

#formulario {
    width: 300px;
    height: 300px;
    border-radius: 10%;
}

#isa3 {
    width: 200px;
    height: 200px;
    border-radius: 12%;
    position: relative;
    left: 30%;
}

#about-conterner {
    padding: 2%;
    display: flex;
}
#about {
    background-color:#778da9;
    width: 100%;
    height: 100%;
    padding: 10px;
    border-radius: 15px;
}

#skills {
    background-color: #edede9;
    width: 100%;
    height: 100%;
    margin: 3%;
    padding: 2%;
    border-radius: 15px;
}

#me {
    background-color: #edede9;
    width: 100%;
    height: 100%;
    margin: 3%;
    padding: 2%;
    border-radius: 15px;
}

#foto {
    background-color: #edede900;
    width: 100%;
    height: 100%;
    margin: 3%;
    padding: 2%;
    border-radius: 15px;
}
#project{
    background-color:#778da9;
    width: 100%;
    height: 100%;
    padding: 10px;
    border-radius: 15px;
}

#project-conterner{
    padding: 2%;
    display: flex;
}

#lis {
    background-color: #edede9;
    width: 100%;
    height: 100%;
    margin: 3%;
    padding: 2%;
    border-radius: 15px;
    padding: 2%;
}

#fotos {
    padding: 2%;
    background-color: #edede9;
    width: 100%;
    height: 100%;
    margin: 3%;
    padding: 2%;
    border-radius: 15px;
    display: flex;
}

#tabla {
    
    background-color: #edede9;
    width: 100%;
    height: 100%;
    margin: 3%;
    padding: 2%;
    border-radius: 15px;
}

.tabla1 {
    border: 2px
    
}
#website {
    width: 200px;
    height: 200px;
    border-radius: 12%;
    position: relative;
    left: 1%;

}
#inventario {
    width: 200px;
    height: 200px;
    border-radius: 12%;
    position: relative;
    left: 5%;
}

#form {
    background-color:#778da9;
    width: 100%;
    height: 100%;
    padding: 10px;
    border-radius: 15px;
}
#form-conterner{
    padding: 2%;
    background-color: #edede9;
    width: 50%;
    height: 100%;
    margin: 3%;
    border-radius: 15px;

}