body {
  background-color: #90dbf6;
}

h2 {
  text-shadow: 3px 2px 1px grey;
  font-size: 40px;
}
div {
  font-family: Monospace;
  text-align: center;
  vertical-align: top;
}
h6 {
  align-content: center;
  color: #90dbf6;
}
  
.btn {
 width: 6.5em;
 height: 2.3em;
 margin: 0.5em;
 background: #17c5cf;
 color: white;
 border: none;
 border-radius: 0.625em;
 font-size: 20px;
 font-weight: bold;
 cursor: pointer;
 position: relative;
 z-index: 1;
 overflow: hidden;
}

button:hover {
 color: white;
}

button:after {
 content: "";
 background: skyblue;
 position: absolute;
 z-index: -1;
 left: -20%;
 right: -20%;
 top: 0;
 bottom: 0;
 transform: skewX(-45deg) scale(0, 1);
 transition: all 0.5s;
}

button:hover:after {
 transform: skewX(-45deg) scale(1, 1);
 -webkit-transition: all 1.0s;
 transition: all 1.0s;
}
.kosong {
  height: 300px;
}
.t {
  color: black;
  font-size: 7px;
}