body{
    background-image: url(./Imagenes/Mis\ proyectos.jpeg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    /* background-size: 100vw 100vh; */
}
*,
::before,
::after{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
#menu{
    background-color: rgba(133, 35, 35, 0.6);
    /* position: fixed;
    top: 0;
    width: 100%; */
}
.logo{
  width: 10%;
  cursor: pointer;
}
.perfil{
    width: 70%;
    height: 300px;
    justify-content: center;
    display: block;
    border-radius: 400px;
    margin: auto;
    max-width: 100px;
    min-width: 300px;
    margin-top: 200px;
}

.par{
    text-align: center;
    color: rgb(255, 255, 255);
    font-family: 'Times New Roman', Times, serif;
}
.Presentacion{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQJWodgnKDDmPE84KZqO8a1OWklcI86RKiMPw&usqp=CAU); */
    color: rgb(255, 255, 255);
    
}
.text1{
    text-align: center;
   height: 200px;
}
#portafolio{
    background-image: url(data:image/jpeg;base64,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);
    width: 0 auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: rgb(255, 255, 255);
    text-align: center;
    background-color: rgb(66, 44, 44);
    
}
.text2{
    text-align: center;
    
}
.imagen{
    width: 30%;
    margin: 90px;
    padding: 2px;
    right: 50%;
    height: 200px; 
    
} 
.card{
    display: inline-block;
    margin: 68px ;
    width: 23%;
    
}
h2{
    color: rgb(255, 255, 255);
    text-align: center;
    background-color: rgb(66, 44, 44);
}
.contacto{
    width: 450px;
    margin: auto;
    background-color: rgb(0, 0, 0 , 0.4);
    padding: 10px 20px;
    box-sizing: border-box;
    margin-top: 50px;
    border-radius: 7px;

}
.input{
    width: 100%;
    margin-bottom: 40px;
    padding: 7px;
    box-sizing: border-box;
    font-size: 17px;
    border: none;
}
textarea{
    min-height: 100px;
    max-height: 200px;
    max-width: 100%;
}
#Boton{
    background-color: #31384a;
    color: #fff;
    padding: 20px;
}
#Boton:hover{
    cursor: pointer;
}
@media (max-widht:480px){
    form{
        width: 100%;
    }
}
#footer{
  background-color: rgba(100, 28, 28, 0.6);
    
}
.insta{
    width: 15%;
   margin-top: -10px;
   margin: 0px 2px;
}
.mail{
    width: 13%;
   margin-top: -10px;
   margin: 0px 2px;
}
.face{
    width: 11%;
    margin-top: -10px;
    margin: 0px 2px;
}
#h5{
    margin: 0 auto;
}
#whether{
    height: 290px;
}
#todolist{
    height: 265px;
}