body,html{overscroll-behavior-y:contain}body{margin:0;background-color:#000;overflow:hidden}.card__label,body,body *{box-sizing:border-box}.card__label{background-color:#000;color:#fff;text-align:center;text-transform:uppercase;font-size:13px;width:100%;align-self:flex-end;min-height:74px;display:flex;justify-content:center;align-items:center;padding:0 3px;line-height:1.5}.card__inner:before{rotate:-45deg;right:45%}.card__inner:after,.card__inner:before{content:"";height:100%;max-height:calc(100vw / 3);position:absolute;width:10px;background-color:#cacaca;z-index:100;display:none;opacity:.9}.card__inner:after{rotate:45deg;left:45%}.card__inner{background-color:#c8081e;color:#fff;position:relative;display:flex;align-items:center;justify-content:center;font-size:7rem;margin-bottom:3px;width:100%;flex:1 1}.card.submited.disable .card__inner:after,.card.submited.disable .card__inner:before{display:block}.card.submited .card__inner{background-color:#fff;color:#c8081e}.card{grid-column:span 1;font-family:Arial,Helvetica,sans-serif;display:flex;flex-wrap:wrap;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}.boxes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-column-gap:5px;height:100vh}@media only screen and (min-width:600px){.card__label{font-size:26px;min-height:90px;padding:5px 3px}.card__inner{font-size:10rem}.card__inner:after,.card__inner:before{width:15px}}@media only screen and (min-width:768px){.card__inner{font-size:13rem}.card__inner:after,.card__inner:before{width:25px}}