:root{--font-color: #212121;--background-color: #eee;--hover-color: gainsboro}*{margin:0;padding:0;box-sizing:border-box;transition:background .3s ease-in}body{font-family:Verdana,Geneva,Tahoma,sans-serif;background-color:var(--background-color);color:var(--font-color)}a{text-decoration:none;color:var(--font-color)}p{font-size:18px}button{padding:8px 16px;cursor:pointer;border-radius:8px;font-size:18px;font-weight:700;box-shadow:0 4px 8px #bdbdbd}button:hover{background-color:var(--hover-color)}@media only screen and (min-width: 600px){.notes-list{grid-template-columns:1fr 1fr}}@media only screen and (min-width: 800px){.notes-list{grid-template-columns:1fr 1fr 1fr}}