@keyframes dots{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes gradation{0%{opacity:.2;background-position:0 0}10%{opacity:.8;background-position:0 0}20%{opacity:.2}30%{opacity:.8;background-position:100% 100%}40%{opacity:.2}50%{opacity:.8}60%{opacity:.2}70%{opacity:.8}80%{opacity:.2}90%{opacity:.8}to{opacity:.2;background-position:100% 100%}}.under-construction{opacity:0;background:linear-gradient(-30deg,#fff,#fff 35%,#5c9291 50%,#fff 65%,#fff) 0 20%/300% 300%;justify-content:center;align-items:center;height:80vw;animation-name:gradation;animation-duration:8s;animation-iteration-count:infinite;animation-fill-mode:backwards;display:flex}.under-construction div{font-size:3rem;font-weight:400}.under-construction div .dots-animation-1{animation:1.5s infinite dots}.under-construction div .dots-animation-2{animation:1.5s .1s infinite dots}.under-construction div .dots-animation-3{animation:1.5s .2s infinite dots}