*{margin:0;padding:0;box-sizing:border-box;font-family:Arial}:root{--light-blue:#e0e0e0;--outer-shadow:#bebebe;--inner-shadow:#fff;--bold-font:#5a6366;--light-font:#97a7ae;background-color:var(--light-blue)}h1{text-align:center;font-size:42px}.btn{text-decoration:none;border:1px solid #d1d1d1;min-width:100px;width:100%;border-radius:50px;background:linear-gradient(145deg,#f0f0f0,#cacaca);margin:10px auto;height:50px;font-size:16px;line-height:50px;font-size:14px}.btn,.title{cursor:pointer;color:var(--bold-font);text-align:center}.title{background:none;outline:none;border:none;text-decoration:underline;font-size:30px}@media only screen and (min-width:1024px){body{padding:0 20%}}.task-preview{border-radius:50px;background-color:var(--light-blue);box-shadow:20px 20px 60px var(--outer-shadow),-20px -20px 60px var(--inner-shadow);padding:30px;margin:30px auto;display:flex;flex-direction:column;justify-content:space-between}.btn-card{display:inline-block;border-radius:5px;margin:5px;outline:none;cursor:pointer;text-decoration:none;color:var(--bold-font);border:1px solid grey;width:100px;height:25px;line-height:25px;background:linear-gradient(145deg,#f0f0f0,#cacaca);font-size:14px;text-align:center}.description{border-radius:25px;background-color:var(--light-blue);box-shadow:inset 5px 5px 20px var(--outer-shadow),inset -5px -5px 20px var(--inner-shadow);padding:30px;outline:none;border:none;resize:none;font-size:18px}#menu{padding:50px}.date-time{font-size:12px;color:var(--light-font)}.newly{background-color:#ffd6cf}.inProgress{background-color:#c1eefc}.done{background-color:#bdeab8}span{margin:20px;text-align:center;color:var(--light-font)}textarea{border-radius:25px;background-color:var(--light-blue);box-shadow:inset 5px 5px 20px var(--outer-shadow),inset -5px -5px 20px var(--inner-shadow);padding:30px;outline:none;border:none;resize:none;font-size:18px}select{margin:20px 0;background:none}#task-card{border-radius:50px;box-shadow:20px 20px 60px var(--outer-shadow),-20px -20px 60px var(--inner-shadow);padding:30px;margin:20px auto;width:80%;height:80vh;display:flex;flex-direction:column;justify-content:space-between}