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

<style>
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
</style>

head{background-color: #004A2B;}

body{
	background-color: #F8ECDE;
	font-family: 'Roboto';
	text-align: center;
	text-decoration: none;
    }

header{background-color: #4381AA;
       width: auto;
       border-bottom: 2px solid black;
       border-top: 2px solid black;
      }

	/*menu*/
nav{padding: 2rem;}
nav ul li {display: inline-block;}
nav ul li a {color: white;
            font-weight: 500;
			text-decoration:none;
			padding: 6rem;
            transition: all 0.3s;
            height: 30%;
            text-align:inherit; 
            text-decoration: none;
            margin-right: 2rem;}

.int{display: flex;
	justify-content: center;}

.link-activo {background: #25455A;
              padding: 1rem 3rem;
              border-radius: 3px;
             }

h1{font-size: 3rem;
   margin: 2rem;
  }

h2{
    font-size: 16pt;
}

.app {display: flex;
     flex-direction: column;
     justify-content: center;
     }

.sobrelaappytarget{
     display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: stretch;
     align-content: center;
     }

.sobrelaapp{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    max-width: 33rem;
    border: 2px solid black;
    border-radius: 3px;
    box-shadow: 3px 3px rgba(83, 83, 83, 0.22);
    margin: 3rem 3rem 4rem;
    }

.sobrelaapp h2{
    padding: 1rem;
    background-color: #E86D3D;
     border-bottom: 2px solid black;
    }

.sobre{
    padding: 1.2rem 3rem;
    line-height: 15pt;
}
 
.target {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    max-width: 33rem;
    border: 2px solid black;
    border-radius: 3px;
    box-shadow: 3px 3px rgba(83, 83, 83, 0.22);
    margin: 3rem 3rem 4rem;
    
    }

.target h2{
    padding: 1rem;
    background-color: #004A2B;
    border-bottom: 2px solid black;
    color: #F8ECDE;
    letter-spacing: 1pt;
    
    }

.targettex{
    display: flex;
	padding: 1.2rem 3rem;
    line-height: 15pt;
    height: 100%;
    }


p{	text-align: left;
	}

.objetivo{ width: 48rem;
           display: flex;
           flex-direction: column;
           flex-wrap: nowrap;
           border: 2px solid black;
           border-radius: 3px;
           box-shadow: 3px 3px rgba(83, 83, 83, 0.22);
           align-self: center;
           margin: 0rem 3rem 4rem;
         }

.objetivo h2{
             padding: 1rem;
             background-color: #9895BE;
             border-bottom: 2px solid black;
            }

.objetivotexto{
                display: flex;
                flex-direction: row;
                align-content: space-between;
                padding: 0rem 1rem; 
              }

.alumnos{
        max-width: 20rem;
        margin-right: 2rem;
        line-height: 15pt;
        display: flex;
        flex-direction: column;
        text-align: left;
        padding: 1.2rem 0rem;
        }


.alumnos h4{
        padding:0 0 0.7rem 0 ;
        }

.docentes{
        max-width: 23rem;
        line-height: 15pt;
        display: flex;
        flex-direction: column;
        text-align: left;
        padding: 1.2rem 0rem 1.2rem 1rem ;
        border-left: 2px solid black;
         }

.docentes h4{
            padding:0 0 0.7rem 0 ;
            }

.requerimiento {
           width: 48rem;
           display: flex;
           flex-direction: column;
           flex-wrap: nowrap;
           border: 2px solid black;
    border-radius: 3px;
           box-shadow: 3px 3px rgba(83, 83, 83, 0.22);
           align-self: center;
           margin: 0rem 3rem 4rem;
           }

.requerimiento h2{
    padding: 1rem;
             background-color: #E2A2C4;
             border-bottom: 2px solid black
    
}

.links{
    display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: stretch;
     align-content: center;
}

.prototipo {display: flex;
            flex-direction: column;
            margin-right: 3rem;
            }

.linkalfigma{
    display: flex;
    align-self: center;
    align-items: center;
}

h5{	text-align: center;
    margin: 2rem;
	}


.linkalfigma h4{
                text-align: center;
                margin: 1rem;
                }

.entrevistas{
    display: flex;
    flex-direction: column;
    margin-left: 3rem;
}

.linkaentrevistas{
    display: flex;
    align-self: center;
    align-items: center;
}


.linkalfigma h4{
                text-align: center;
                margin: 1rem;
                }


buttom{
    border:2px solid black;
    border-radius: 3px;
    text-decoration: none;
    color: black;
    background: #F9CA56;
    padding: 1rem 2rem;
    box-shadow: 3px 3px rgba(83, 83, 83, 0.22);
    transition:all 0.3s;
} 

a{
    margin: 1.5rem;
    text-decoration: none;
    font-weight: 600;
}


buttom:hover{
   color: #F9CA56;
   background: black;
}

footer{
    margin: 2.5rem 20% 1rem;
    }

footer p{
    color: gray;
    font-size: 0.9rem;
    align-self: center;
    margin: 1rem 0 1rem 0;
    text-align: center;
    }