html {
  scroll-behavior: smooth;
  height: 100%;
}

body{
  height: 100%;
  overflow-y: scroll;
}

#pageArea {
  position: relative;
  min-height: 100%;  
  margin: 0 auto;  
}

main{    
  padding-bottom: 3em;
}

section {
  padding-top: 60px;  
}

footer {
  position:absolute;
  bottom:0px;
  width: 100%;  
  height: 3em;
}

a:hover {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

@media screen and (max-width: 380px) {
  p, a {
    font-size: 15px;
  }
  h2 {
    font-size: 24px;
  }
  h5{
    font-size: small;
  }  
}