@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap");*{box-sizing:border-box}html{font-family:Merriweather,serif}body{background-color:#363234;color:#eee7ea}body,ul{margin:0}ul{list-style:none;padding:0}main{margin:3rem auto;padding:2rem;border-radius:6px;background-color:#1f1b1d;min-height:85vh;box-shadow:0 0 6px rgba(0,0,0,.5)}#main-header,main{width:80%;max-width:60rem}#main-header{margin:2rem auto;display:flex;justify-content:space-between;align-items:center}#main-header img{width:5rem;height:5rem;filter:drop-shadow(0 0 3px #000)}#main-header ul{display:flex;gap:1rem}#main-header ul a{color:#eee7ea;text-decoration:none;padding:.5rem 1rem;font-size:1.5rem;border-radius:4px}#main-header ul a:hover{background-color:#5f5a5c}#main-header ul .cta-link{background-color:#e32195;padding:.5rem 1rem;text-decoration:none;color:#eee7ea}#main-header ul .cta-link:hover{background-color:#c321e3}#latest-posts{margin-top:2rem}.form-control input,.form-control label,.form-control textarea{display:block;width:100%;margin-bottom:.25rem}.form-control label{font-weight:700;font-size:.9rem;color:#c7a7b7}.form-control input,.form-control textarea{font:inherit;padding:.5rem;border-radius:4px;border:none;background-color:#443f41;color:#eee7ea}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.form-actions button{font:inherit;padding:.5rem 1rem;border:none;border-radius:4px;background-color:#e32195;color:#eee7ea;cursor:pointer}.form-actions button:hover{background-color:#a80a69}.form-actions button[type=reset]{background-color:transparent}.form-actions button[type=reset]:hover{color:#e299b6}.form-errors{display:flex;justify-content:flex-end;gap:1rem}.form-errors li{margin:.35rem 0;color:#c882a2}.posts{flex-direction:column}.post,.posts{display:flex;gap:1rem}.post{padding:1rem;border-radius:6px;border:1px solid #443f41;background-color:#131011;box-shadow:0 0 6px rgba(0,0,0,.5)}.post-image{position:relative}.post img,.post-image{width:8rem;height:6rem}.post img{object-fit:cover}.post-content{flex:1 1}.post h2,.post p{margin:0}.post header{margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:flex-start}.post header p{font-size:.9rem;color:#b1a9ac}.like-button{background-color:transparent;border:none}.like-button svg{width:1.5rem;height:1.5rem;fill:transparent;stroke:#e32195}.like-button:hover svg,.liked .like-button svg{fill:#e32195}.liked .like-button:hover svg{fill:transparent}