textarea[data-v-07ba5f46]{padding: 5px; min-width: 270px; max-width: 270px; outline-color: grey; color: #555;}.card[data-v-0715cafe]{margin: 20px 0;}form[data-v-0715cafe]{padding: 5px; display: flex; justify-content: space-between; flex-direction: column;}.add-note[data-v-0715cafe]{background-color: #555; color: #fff; padding: 10px; margin-top: 3px; border: 2px solid #444; transition: all 0.1s;}.add-note[data-v-0715cafe]:hover{background-color: #f5f5f5; color: #444;}.card[data-v-4885c08c]{margin-top: 5px;}li[data-v-4885c08c]{list-style: none;    display: flex;flex-direction: column;justify-content: space-between;}li > p[data-v-4885c08c]{width: 260px; word-wrap: break-word;}div[data-v-4885c08c]{display: flex; justify-content: space-between; margin-top: 10px; width: 280px;}.date[data-v-4885c08c],.time[data-v-4885c08c]{color: #8a8a8a;}.uil-times[data-v-4885c08c]{height: 16px; float: right; margin-left: -10px; transition: transform 0.2s;}.uil-times[data-v-4885c08c]:hover{cursor: pointer; color: #a80101; transform: rotate(180deg);}ul[data-v-16bcf3ce]{height: 100%; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: flex; flex-direction: column; flex-wrap: wrap;}*{padding: 0; margin: 0; box-sizing: border-box;}body{background-color: #333;}#app{height: 100vh;}button[data-v-70c79f4c]:hover{cursor: pointer;}button[data-v-70c79f4c]:active{transform: scale(0.99);}.card[data-v-8293ec02]{width: 300px; background-color: #fff; border-radius: 5px; padding: 5px 10px; margin: 5px;}