* { box-sizing: border-box; }

html,body{ height: 100%; }
body{ margin: 0; }

section{ min-height: 500px; 
    margin: 10px;
    padding-top: 50px;
}

#one{ background-color: #c48ba9;
      max-height: 100%;
}
#two{ background-color: #405b50; }
#three{ background-color: #646b91; }

nav{ 
  position: fixed; 
  left: 0;
  top: 0;
  background-color: #eee;
  width: 100%;
}

nav ul li{ 
  display: inline-block;
  padding: 5px 25px; 
}

nav ul li a { 
  color:indianred;
  text-decoration: none;
  font-size: calc( 1vw + 12px );
  font-family: verdana, sans-serif;
}

nav ul li a:hover{ 
  color:black;
  text-decoration: underline;
}

p{
    font-family: 'Tajawal', sans-serif;
    font-size:1em;
}