html,body,#root{margin:0;padding:0;width:100%;height:100%}canvas{display:block}.canvas-container{width:100%;height:100vh}.ashtray-btn{position:absolute;bottom:40px;left:50%;transform:translate(-50%);background-color:#1f2937;color:#fff;padding:8px 16px;border-radius:8px;z-index:20;cursor:pointer}.ashtray-btn:hover{background-color:#373e49;transition:all .3s}.timestamp{width:400px;font-family:Georgia,Times New Roman,Times,serif}.title{position:absolute;top:32px;z-index:30;width:100vw;text-align:center;font-size:8rem;line-height:90%}.total-time{font-family:Georgia,Times New Roman,Times,serif;position:absolute;top:32px;left:0;z-index:30;padding-left:480px;width:100vw}