.*{
    font-family: Teko,sans-serif;
}
.game{
    width: 200px;
    height: 500px;
}
#win{
    display:none;
    visibility: hidden;
    width:100px;
    border: 2px var(--text-color) solid;
    padding:10px;
    position: relative;
    top:-500px;
    left:-50px;
    z-index: 6;
    background-color: var(--bkg-color);
}
#streak{
    display:none;
    visibility: hidden;
    width:200px;
    border: 3px red solid;
    padding:10px;
    position: relative;
    top:-700px;
    left:-90px;
    z-index: 7;
    background-color: var(--bkg-color);
}
#one{
    width: 50px;
    height: 300px;
    background-color: green;
    position:relative;
    left: 50px;
    z-index: 1;
    text-shadow: 2px 2px 3px black;
}
#two{
    width: 50px;
    height: 100px;
    background-color: #32cd32;
    position:relative;
    top: -200px;
    left: 50px;
    z-index: 2;
    text-shadow: 2px 2px 3px black;
}
#three{
    width: 50px;
    height: 20px;
    background-color: #7cfc00;
    position:relative;
    top: -260px;
    left: 50px;
    z-index: 3;
    text-shadow: 2px 2px 3px black;
}

#block {
    left:-12px;
  width: 50px;
  height: 40px;
  position: relative;
  background: var(--text-color);
  animation: block 1.2s infinite linear;
  z-index: 5;
}
#block:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 20px solid var(--bkg-color);
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}
#block:before {
  content: "";
  position: absolute;
  right: -20px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 20px solid var(--text-color);
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}
@keyframes block{
    0%{top: -450px;}
    50%{top: -130px;}
    100%{top: -450px;}
}

p{
    text-align: center;
}