*{
   box-sizing: border-box;
}

@font-face {
   font-family: 'Pixel';
   src: url('../../dom/dom/fonts/Pixel.ttf');
}

[wm-flappy]{
   position: relative;
   border: 5px solid dodgerblue;
   width: 1200px;
   height: 700px;
   margin: 15px;
   margin-bottom: 35px;
   background-color: deepskyblue;
   overflow: hidden;
}

.passaro{
   width: 60px;
   position: absolute;
   left: calc(50% - 30px);
   bottom: 50%;
}

.par-de-barreiras{
   height: 100%;
   position: absolute;
   top: 0;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

.barreira{
   display: flex;
   flex-direction: column;
   align-items: center;
}

.barreira .borda{
   height: 30px;
   width: 130px;
   background: linear-gradient(90deg,#639301,#A5E82E);
   border: 2px solid #000;
}

.barreira .corpo{
   width: 110px;
   height: 100px;
   background: linear-gradient(90deg,#639301,#A5E82E);
   border-left: 2px solid #000;
   border-right: 2px solid #000;
}
.progresso{
   position:absolute;
   top: 10px;
   right: 10px;
   font-size: 65px;
   font-family: Pixel;
}