*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 100%;
}

html, body {
 /* width: 100%;
  height:100%;*/
}


.background {
    background: linear-gradient(-45deg, silver, whitesmoke, lightgray, lightslategrey, black, black, black);
    background-size: 400% 400%;
    animation: gradient 30s ease infinite;
    position: fixed;
    width: 100%;
    height:100%;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    30%{
        background-position: 50% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    80%{
         background-position: 50% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
  }


h1, .poem {
        position: absolute;
        font-size: 92%;
        width: 50%;
        top:50%;
        left:50%;
        transform: translate(-50%, -50%);
        color: black;
      }
.korean {
  display:none;
  position: absolute;
        font-size: 92%;
        width: 50%;
        top:50%;
        left:50%;
        transform: translate(-50%, -50%);
        color: black;
}