canvas{position:fixed;top:0;left:0}.progress-bar-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-color:#f4ba4a;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity 1s;cursor:pointer;z-index:2}.project-description{position:absolute;top:20px;right:80px;width:600px;height:400px;transition:opacity 1s;z-index:1}main{position:absolute;text-align:right;padding-left:75%}#progress{color:#fff;text-align:center;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:400px}#description{color:#fff;text-align:left;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:45px;display:inline-flex;padding:5px;background-color:#f4bb4a7d}