*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{background:#000}.intro{z-index:1;position:absolute;width:100%;height:100%;background:#141414;background:linear-gradient(32deg,#141414,#1b1b1b 35%,#525252);display:flex;justify-content:center;align-items:center;color:#fff;flex-direction:column}.progress-bar-wrapper{position:relative;bottom:0;left:0;width:30%;height:5px;background:#0000;z-index:1;overflow:hidden}.progress-bar{height:100%;background:#fff;width:0}button{position:absolute;padding:10px 20px;background:transparent;border:1px solid #fff;cursor:pointer;font-size:1.2rem;color:#fff;transition:all .3s;z-index:2}