@import"https://fonts.googleapis.com/css2?family=Baloo&display=swap";body{background-color:#f2bfce;font-family:Baloo,cursive}.to-do-list{text-align:center;margin:100px}h1{font-size:4rem;color:#fff}button{font-size:1.2rem;font-weight:700;padding:10px 20px;color:#fff;border:none;border-radius:5px;cursor:pointer;font-family:Baloo,cursive;transition:background-color .5s ease}.add-button{font-size:1.7rem;background-color:#ffffff83}.add-button:hover{background-color:#b3b3b383}.delete-button{background-color:#f2330d}.delete-button:hover{background-color:#911f08}.move-button{background-color:#ffffff83}.move-button:hover{background-color:#b3b3b383}input[type=text]{font-size:1.6rem;padding:10px;border:2px solid hsla(0,0%,22%,.904);border-radius:5px;font-family:Baloo,cursive;color:#00000080}ol{padding:0}li{font-size:1.4rem;font-weight:lighter;padding:15px;background-color:#f7f7f7;margin-bottom:10px;border:3px solid hsla(0,0%,85%,.75);border-radius:10px;display:flex;align-items:center}.text{flex:1}.delete-button,.move-button,.complete-button{padding:8px 12px;font-size:1.2rem;margin-left:10px}.complete-button{background-color:#ffc7d4}.complete-button:hover{background-color:#ffe5eb}.delete-button{background-color:#e75581}.delete-button:hover{background-color:#ef8fac}@media (max-width: 480px){.to-do-list{margin:20px 5px}h1{font-size:1.8rem}input[type=text]{font-size:1.2rem;padding:6px}li{font-size:1.4rem;padding:8px}.delete-button,.move-button{font-size:1.2rem;padding:6px 10px}}.app-shell{position:relative;z-index:1}.bg-video{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:0;opacity:0;transition:opacity .8s ease;pointer-events:none}.bg-video.show{opacity:1}