body{background-image:url(https://images.freeimages.com/images/large-previews/c0a/fire-flare-1188516.jpg);background-repeat:no-repeat;background-size:cover}.main{max-width:960px;margin:0 auto;padding:0 15px;min-height:100vh}.header{display:flex;width:100%;justify-content:space-between;align-items:center;margin:10px 0}.title{color:#fff;font-size:38px;font-weight:400}.notes{max-width:1200px;margin:0 auto;display:grid;grid-gap:1rem;grid-template-columns:repeat(3,minmax(300px,1fr))}@media screen and (max-width: 900px){.notes{grid-template-columns:repeat(2,minmax(300px,1fr))}}@media screen and (max-width: 500px){.notes{grid-template-columns:repeat(1,minmax(300px,1fr))}}.note{background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:inset -6px -4px 2px #ffffff08;border-radius:15px;border:1.5px solid rgba(255,255,255,.326);color:#fff;padding:15px;min-height:140px;display:flex;flex-direction:column;justify-content:space-between;word-wrap:break-word}.note_footer{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.note textarea{white-space:pre-wrap;background:transparent;border:none;color:#fff;resize:none;font-size:18px}.note textarea:focus{outline:none}.note textarea::placeholder{color:#fff}.note_save{background:transparent;transition:.1s ease-in-out;border:1.5px solid #fff;border-radius:10px;color:#fff;padding:4px 10px;font-size:13px;cursor:pointer}.note_save:hover{background:#fff;border:1.5px solid #fff;color:#4b1589}