.flex-center{display:flex;justify-content:center;align-items:center}body{margin:0}body .app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;justify-content:center;align-items:center;overflow:hidden;height:100vh;background:linear-gradient(135deg,rgba(240,102,77,.8) 10%,rgba(224,80,22,.8) 90%)}body .app .dj-container{background:linear-gradient(135deg,rgba(255,255,255,.8) 10%,rgba(241,242,243,.9) 90%);border-radius:15px;width:100%;max-width:800px;padding:30px 50px;min-height:300px;text-align:center;box-shadow:1px 4px 15px #eb6b44}body .app .dj-container .dj-container-title{letter-spacing:2px;color:#dd911f;margin:0}body .app .dj-container .dj-content{max-width:600px;margin:40px auto;color:#535455;line-height:40px;font-size:35px}body .app .dj-container .dj-btn{box-shadow:1px 3px 12px #eb6b44;border:none;color:#fff;background:linear-gradient(135deg,rgba(240,102,77,.8) 10%,rgba(224,80,22,.8) 90%);padding:12px;display:inline-block;margin:10px;font-size:15px;letter-spacing:2px;border-radius:8px;cursor:pointer;transition:all 30ms cubic-bezier(.075,.82,.165,1)}body .app .dj-container .dj-btn:focus-visible{outline:none}body .app .dj-container .dj-btn:hover{background:linear-gradient(135deg,rgba(224,80,22,.8) 10%,rgba(240,102,77,.8) 90%)}