body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#000}.canvas-container{position:relative;width:100%;height:100%}canvas{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}#canvas-layer1{z-index:3}#canvas-layer2{z-index:2}#canvas-layer3{z-index:1}.pomodoro-btn{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:300px;height:300px;font-size:48px;color:#fff;background-color:#00000080;border-radius:50%;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:1000;transition:all .3s ease}.pomodoro-btn.running{top:auto;bottom:20px;transform:translate(-50%);width:60px;height:60px;font-size:18px}.theme-btn{color:#fff;position:fixed;opacity:.1;top:50%;transform:translateY(-50%);height:100vh;width:40px;padding:0;background-color:transparent;border:none;border-radius:0;cursor:pointer;z-index:1001;font-size:30px;display:flex;align-items:center;justify-content:center}#prevThemeBtn{left:8px}#nextThemeBtn{right:8px}.theme-btn:hover{opacity:.5}