:root{--color: white;--backgroundColor: #3e4547}.noStyle{all:unset}*{box-sizing:border-box;margin:0;padding:0;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}body{background-color:var(--backgroundColor);padding:30px}.grid-container{display:grid;grid-template-columns:auto auto auto}.diary-app{display:flex;flex-direction:column;justify-content:start;width:650px;min-height:600px;background:#fff;text-align:center;margin:128px auto;border-radius:10px;padding-bottom:32px;box-shadow:0 10px 15px 15px #0000001a;overflow:scroll}h1{margin:32px;font-size:33px;color:#fff}h2{color:#fff}.complete{text-decoration:line-through}.diary-form{margin-bottom:32px}.diary-input{padding:14px 32px 14px 16px;margin-right:10px;border-radius:4px;border:none;height:50px;outline:none;width:400px;box-shadow:0 10px 15px 15px #0000001a}.diary-date-input{border-radius:4px;padding:5px;border:none;height:50px;outline:none;width:160px;box-shadow:0 10px 15px 15px #0000001a}.diary-textarea{padding:14px 32px 14px 16px;margin-top:-15px;border-radius:4px;border:none;outline:none;width:90%;box-shadow:0 10px 15px 15px #0000001a}.diary-button{box-shadow:20px 20px 25px 25px #0000001a;padding:10px;font-size:17px;border:none;height:45px;width:200px;border-radius:4px;margin-top:7px;cursor:pointer;outline:none;background:#000;color:#fff;text-transform:capitalize}.diary-container{display:flex;flex-direction:row;position:relative}.diary-row{display:flex;justify-content:space-between;align-items:center;margin:4px auto;padding:16px;border-radius:5px;width:90%;box-shadow:0 10px 15px 15px #0000001a;background:#000;color:#fff}.delete{font-size:22px}.date{font-size:15px;margin-right:5px}