main{height:100vh;width:100vw}.container{max-width:1000px;padding:20px;margin:0 auto}header{display:flex;justify-content:space-between;align-items:center}h1{font-weight:700;margin-bottom:25px;font-size:5rem}header button{border:none;padding:10px;width:50px;height:50px;cursor:pointer;background-color:green;border-radius:100%;color:#fff;font-size:2rem;line-height:1.7rem;transition:all .3s}header button:hover{background-color:#adff2f;color:#202020}.card{width:225px;height:225px;background-color:#454545;padding:10px;border-radius:15px;display:flex;flex-direction:column;justify-content:space-between;margin-right:20px;margin-bottom:20px}.card p{overflow-wrap:break-word;color:#202020}.date-container{height:25px;display:flex;justify-content:space-between;align-items:center}.date{font-size:.8rem;font-weight:700;clear:both}.card span img{width:20px;cursor:pointer;transition:all .2s}.card span img:hover{width:23px}.card-container{display:flex;flex-wrap:wrap}.overlay{position:absolute;width:100%;height:100%;background-color:#466d4662;z-index:3;display:flex;align-items:center;justify-content:center}.modal{width:750px;background-color:#a09f9f;border-radius:20px;padding:30px;position:relative;display:flex;flex-direction:column}.modal textarea{padding:15px;font-size:1.2rem}.modal button{padding:10px 20px;font-size:1.2rem;width:100%;background-color:#8a2be2;border:none;border-radius:20px;color:#fff;cursor:pointer;margin-top:15px}.modal .close{background-color:#6e0202;margin-top:7px}.error-message{color:#ec3e3e;margin-top:7px;text-align:center}