.protection {
 color:#fff;
 height:100%;
 inset:0 0 0 0;
 left:0;
 overflow:auto;
 position:fixed;
 text-align:center;
 top:0;
 width:100%;
 z-index:9999999
}
.protection .protection-inner {
 align-items:center;
 background-color:rgb(20 20 20/97%);
 display:flex;
 flex-direction:column;
 justify-content:center;
 min-height:100%;
 padding:60px;
 width:100%
}
.protection .protection-inner>* {
 flex-shrink:0
}
.protection .protection-icon {
 align-items:center;
 background-color:#fff;
 border-radius:50%;
 color:#ff5151;
 display:flex;
 font-size:40px;
 height:100px;
 justify-content:center;
 margin-bottom:16px;
 width:100px
}
.protection .protection-icon i {
 margin-right:3px
}
.protection .protection-title {
 margin-bottom:10px
}
.protection .protection-text {
 color:#f2f2f2;
 font-weight:300
}
@-webkit-keyframes bounce {
 0%,
 10%,
 20%,
 30%,
 40%,
 60%,
 80%,
 90%,
 to {
  transform:translateY(0)
 }
 50%,
 70% {
  transform:translateY(-10px)
 }
}
@keyframes bounce {
 0%,
 10%,
 20%,
 30%,
 40%,
 60%,
 80%,
 90%,
 to {
  transform:translateY(0)
 }
 50%,
 70% {
  transform:translateY(-10px)
 }
}