.minst{min-height: 100vh;}
.minst::before,.minst::after{content:'';position:absolute;width:10%;height:400px;background:#fff;opacity:.4;animation:bounce 2s infinite;-webkit-animation:bounce 2s infinite;-moz-animation:bounce 2s infinite;-o-animation:bounce 2s infinite;z-index:0;}
.minst::before{left:10%;top:-30px;border-radius:0 0 100px 100px;}
.minst::after{right:10%;bottom:-30px;border-radius:100px 100px 0 0;}
@-webkit-keyframes bounce {
0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}
40%{-webkit-transform:translateY(-30px)}
60%{-webkit-transform:translateY(-15px)}
}
@-moz-keyframes bounce {
0%,20%,50%,80%,100%{-moz-transform:translateY(0)}
40%{-moz-transform:translateY(-30px)}
60%{-moz-transform:translateY(-15px)}
}
@-o-keyframes bounce {
0%,20%,50%,80%,100%{-o-transform:translateY(0)}
40%{-o-transform:translateY(-30px)}
60%{-o-transform:translateY(-15px)}
}
@keyframes bounce {
0%,20%,50%,80%,100%{transform:translateY(0)}
40%{transform:translateY(-30px)}
60%{transform:translateY(-15px)}
}
.container{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;}
#minesweeper{width:100%;height:100%;top:0;left:0;display:flexbox;flex-direction:column}
.mine-row{display:flex;flex-direction:row;height:40px}
.mine{width:40px;height:40px;transform:scale(0.9);border-radius:25px;background-color:#f4dfe7;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;font-size:1.2em;transition:background-color 200ms}
.mine.exploded{background: url(../images/explode.svg) #E43 no-repeat center center;background-size: 24px;}
.mine.flagged{background-color:transparent;border:3px solid #2ecc71;color:#2ecc71}
.mine.flagged:before{content:"+"}
.mine.found{background-color:transparent;border:3px solid #e43;color:#e43;opacity:.3}
.mine.found:before{content:"x"}
.mine.disabled{cursor:default;background-color:#8b304e}
.mine.danger{cursor:default;background-color:transparent;border:3px solid #ffd700;color:#ffd700}
#instructions{padding:12px 10px;text-align:center;color:#fff;background:#378870;border:1px solid #378870;border-radius:0 0 20px 20px;}
#instructions .action{color:#fff;font-weight:500;}
#flags{color:#fff}
#flags:before{content:"Flags Left: ";color:#fff}