body {
    background-color: black;
    color: red;
    margin: 10px;
    overflow: hidden;
}

#page-layout {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-rows: 1fr 15fr;
}

#page-header {
    display: flex;
    align-items: center;
    justify-content: space-around;
    overflow: hidden;
}

#page-header > img {
    height: 100%;
    width: auto;
}

#page-header > h1 {
    font-size: 2vh;
}

#page-content {
    overflow: auto;
    margin: 20px;
    padding-left: 50px;
    border: 3px solid red;
    border-radius: 60px;
}

h1 {
    font-size: 4vh;
}

a:link,
a:visited,
a:hover,
a:active {
    font-size: 3vh;
    color: red;
    text-decoration: none;
}

/* Hide scrollbar for Chrome, Safari and Opera */
#page-content::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#page-content {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
} 

.waviy {
    position: relative;
    font-size: 0px;
  }
  .waviy span {
    font-size: 3vh;
    position: relative;
    display: inline-block;
    animation: waviy 1s infinite;
    animation-delay: calc(.1s * var(--i));
    
  }
  @keyframes waviy {
    0%,40%,100% {
      transform: translateY(0)
    }
    20% {
      transform: translateY(-20px)
    }
  }
  .waviy .space {
    font-size: 16px;
  }