*{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;
  }

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;
    }