:root{--text: white}#app{max-width:600px;margin:auto;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;border:1px solid black;box-shadow:0 0 15px #fff;background:#fff;border-radius:10px;margin-top:3rem}button{background-color:#325bee;color:var(--text);padding:10px;margin:5px;border:1px solid #325beeff;border-radius:100px;height:50px;width:200px;font-size:1rem;cursor:pointer;transition:all .3s ease-in-out}button:hover{animation:animateButton 3s ease-in-out}@keyframes animateButton{0%{color:transparent}50%{color:#000}75%{color:transparent}to{color:#fff}}input,textarea{width:100%;padding:10px;font-size:1rem;border-radius:8px;border:1px solid #ccc;resize:vertical}textarea{height:150px}#dark{position:absolute;top:-10px;right:5px;background-color:#000;border:1px solid black;width:100px;height:50px}.darkBg{background-color:#111;color:#fff;transition:all .3s ease-in-out}