*{ margin: 0;
padding: 0;
box-sizing: 0;
}

.container{
    display: flexbox;
}
.main{
    display: flexbox;
    display: flex;
    margin: 20px;
    margin-top: 3px;

}

nav{
    display:flexbox;
    display: flex;
    flex-direction: row;
    justify-content:space-between;
    margin-bottom: 40px;
    margin-top: 15px;
    margin-left: 20px;
    margin-right: 20px;
}
.enlaces{
    display: flexbox;
    display: flex;
    
}
.enlace1{
    margin-top: 5px;
    margin-right: 30px;
    margin-left: 10px;
}
.cuerpo{

 width:80%;
 height:100%;
 margin-right: 30px;
}
/*#Colors

#Primary

 Soft orange: hsl(35, 77%, 62%)
- Soft red: hsl(5, 85%, 63%)

### Neutral

Off-white: hsl(36, 100%, 99%)
Grayish blue: hsl(233, 8%, 79%)
Dark grayish blue: hsl(236, 13%, 42%)
Very dark blue: hsl(240, 100%, 5%)


- Family: [Inter](https://fonts.google.com/specimen/Inter)
- Weights: 400, 700, 800
*/
.cuerpo_secundario{
    width: 20%;
    height: 100%;
    margin-left: 10px;
    padding: 15px;
   background-color: hsl(240, 100%, 5%);
   color: white;
   font-family: 'Inter';
   font-style:italic;
   font-weight:  400, 700, 800;
   
}
footer{
    display: flexbox;
    display: flex;
    flex-direction: row;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
}
.img1{
    width: 100%;
    height: 50%;
}
.subcaja_2{
    display: flexbox;
    display: flex;
}
.titulo{
    width: 45%;
    text-align: left;
    font-size: 55px;
    font-family: 'Inter';
    font-weight:bolder;
    font-style:italic;
    font-weight:  400, 700, 800;
    margin: 10px;
}
.texto{
    width: 55%;
    color: hsl(236, 13%, 42%);
    padding-top: 25px;
    font-family: 'Inter';
    font-weight:bolder;
    font-style:italic;
    font-weight:  400, 700, 800;
    font-size: 20px;

}
.leer{
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 5px;
    margin-top: 30px;
    margin-left: 30px;
    width: 100px;
    background-color: hsl(240, 100%, 5%);
   
}
a{
    text-decoration: none;
    font-family: 'Inter';
    font-weight:bolder;
    font-style:italic;
    font-weight:  400, 700, 800;
    font-size: 15px;
    color:white;
}
h4{ color: hsl(236, 13%, 42%);
    font-family: 'Inter';
    font-weight:bolder;
    font-style:italic;
    font-weight:  400, 700, 800;
    font-size: 15px;
}
hr{
    color: black;
}
.titulo_2{
    margin-top: 10px;
    margin-bottom: 5px;
    color: hsl(35, 77%, 62%);
    font-family: 'Inter';
    font-style:italic;
    font-weight:  400, 700, 800;
    font-size: 30px;
    margin-left: 10px;
}
h3{
    margin-top: 30px;
    margin-right: 15px;
    margin-left: 10px;
    margin-bottom:15px;
}
.texto-2{
    margin: 10px;
    margin-bottom: 20px;
    color: hsl(233, 8%, 79%)
}
.caja_2{
    display: flexbox;
    display: flex;  
    justify-content: space-around;
    width: 50%;
    
}
.subcaja_3{
    margin-right: 10px;
}
.subcaja_4{
    width: 20%;
    height: 100%;
  margin-left: 10px;
}
.pc{
    width: 120px;
    height: 180px;
}
.tier{
    color: black;
}