h1{
 text-align:center;
}
*/reset para navegadores y margenes a 0*/
*{
box-sizaing:border-box:
margin:0;
padding:0
}
/*todo el area visual completa según dispositivo, también podremos cambiar de wide a box
facil*/
body{
background-color:white;
max-white:100%
margin:0px auto;
}
/*header style*/
header{
text-aling:center;
padding:20px 0;
}
header h1{
font-size:2.5rem;
color:#333;
margin-botonm:20px;
}
/*navigation menu style*/
.nav-menu{
list-style:none;
display:flex;
justify-content:certer;
gap:40px;
}
.nav-menu li a{
text-decoration:none;
transition:color 0.3s ease;
}
/*el contenedormain se le indica un pequeño relleno por todos los lados*/
main{
padding:1px;
}
/*creamos dos columnas*/
.row{
display:flex;
flex-direction:row;
background-color:#d5d5d4;
}
.post-text-box{
flex:70%;
background-color:#eee;
padding:20px;
}
.profile{
flex:30%;
padding:20px;
background-color:white;
}
*/creamos el eltilode la imgen*/
.profile img{
width:120px;
height:120px;
border-radius:50%;
margin:10px 0;
}
.profile h2{
text-align:center;
}
/*modificamos el h2 y h3 del post*/
.post-text-boxh2,
.post-text-boxh3{
margin-botton:40px;
}/*le damos un naspecto a footer*/
footer{
displey:flex;
justify-conent:center;
margin-botoom:30px;
{
footer a{
margin:20px;
text-decoration:none;
color:blue;
padding:20px
}