body.daberna{background:linear-gradient(-145deg,#067d4a,#054b2c)}body.daberna .daberna-round{z-index:1;float:none;opacity:0;white-space:nowrap;direction:ltr;width:90vw;height:80px;margin:130px auto 5px;padding:0;animation:.5s linear .5s alternate forwards up;display:block;position:relative;overflow-x:auto;overflow-y:hidden}body.daberna .daberna-round .item{color:#fff;background:rgba(255,255,255,.1);border:10px solid #fff;border-radius:100px;justify-content:center;align-items:center;width:50px;height:50px;margin-top:2px;margin-right:5px;font-family:sans-serif;font-size:25px;display:inline-flex}body.daberna .daberna-round .item.i-red{border-color:#1dbfa7}body.daberna .daberna-round .item.i-orange{border-color:#2fc968}body.daberna .daberna-round .item.i-lightgreen{border-color:#84cd1d}body.daberna .daberna-round .item.i-green{border-color:#f5a311}body.daberna .daberna-round .item.i-blue{border-color:#e24645}body.daberna .daberna-box{clear:both;z-index:1;float:none;opacity:0;background:#045230;border:10px solid #189760;border-radius:35px;width:calc(90vw - 40px);height:calc(90vw + 15px);margin:0 auto;padding:10px;animation:.5s linear 1s alternate forwards up;display:block;position:relative;box-shadow:0 10px #077947}body.daberna .daberna-box .col{float:left;letter-spacing:-1px;background:linear-gradient(90deg,#fff,#bbb);border-radius:10px;justify-content:center;align-items:center;width:calc(18vw - 14px);height:calc(18vw - 14px);margin:3px;font-family:sans-serif;font-size:25px;font-weight:700;display:inline-flex}body.daberna .daberna-box .col:first-child{color:#fff;background:linear-gradient(90deg,#54e4cc,#1dbfa7);height:50px;font-family:appFont;font-size:25px;font-weight:700}body.daberna .daberna-box .col:nth-child(2){color:#fff;background:linear-gradient(90deg,#72e89c,#2fc968);height:50px;font-family:appFont;font-size:25px;font-weight:700}body.daberna .daberna-box .col:nth-child(3){color:#fff;background:linear-gradient(90deg,#b6ed5f,#84cd1d);height:50px;font-family:appFont;font-size:25px;font-weight:700}body.daberna .daberna-box .col:nth-child(4){color:#fff;background:linear-gradient(90deg,#fdcd44,#f5a311);height:50px;font-family:appFont;font-size:25px;font-weight:700}body.daberna .daberna-box .col:nth-child(5){color:#fff;background:linear-gradient(90deg,#fd9ca0,#e24645);height:50px;font-family:appFont;font-size:25px;font-weight:700}body.daberna .daberna-box .col.active{background:linear-gradient(90deg,#63f4b5,#4aa87c);animation:.5s linear alternate forwards pop}body.daberna .finish-button{opacity:0;text-align:center;float:none;direction:rtl;background:linear-gradient(90deg,#54e4cc,#1dbfa7);border:8px solid #65eed7;border-radius:200px;width:calc(90vw - 20px);height:auto;margin:25px auto 0;padding:13px 0;font-size:22px;animation:.5s linear 1.2s alternate forwards up;display:block;box-shadow:0 8px #1dbfa7}@keyframes pop{0%{transform:scale(.5)}50%{transform:scale(1)}80%{transform:scale(.9)}to{transform:scale(1)}}