body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#efe8e8;--color-gray:#63676d;--color-gray-dark:#30363d;--color-primary:#ff7c5c;--color-primary-dark:#e66154}::selection{color:var(--color-bg);background-color:var(--color-primary)}body{background-color:var(--color-bg);color:var(--color-gray-dark);font-family:sans-serif;font-size:100%;line-height:1.2}a{color:var(--color-primary);text-decoration:none;transition:color .3s}a:hover{color:var(--color-primary-dark)}.container{max-width:1100px;margin:0 auto;overflow:hidden}header nav{justify-content:space-between;align-items:center;padding:1.25rem 1rem;display:flex}header nav h1{text-transform:uppercase}header nav .links{flex:1;justify-content:flex-end;align-items:center;display:flex}header nav .links a{color:var(--color-gray-dark);margin-left:1rem;font-weight:700}header nav .links a:hover{color:var(--color-primary-dark)}.btn{background:linear-gradient(330deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);cursor:pointer;border:none;border-radius:5px;outline:none;padding:.625rem 1.5rem;transition:all .3s;box-shadow:2px 2px 6px #0000001a;color:var(--color-bg)!important}.btn-danger{filter:hue-rotate(-10deg)}.btn:hover{background:linear-gradient(330deg, var(--color-primary) 0%, var(--color-primary-dark) 100%)}main{min-height:calc(100vh - 129.6px);padding:2rem 1rem;overflow:hidden}.posts{flex-wrap:wrap;justify-content:space-between;display:flex}.posts .post{cursor:pointer;width:32%;margin-bottom:2rem}@media (width<=990px){.posts .post{width:46%}}@media (width<=580px){.posts .post{width:100%}}.posts .post img{object-fit:cover;border-radius:5px;width:100%;height:12rem;transition:all .3s}.posts .post .post-author{color:var(--color-gray);margin:.25rem 0;font-size:.875rem}.posts .post h3{letter-spacing:.05rem;margin-top:.5rem}.posts .post:hover img{object-position:bottom;box-shadow:1px 1px 6px #0000001a}.posts .post:hover h3{color:var(--color-primary-dark)}footer{background-color:var(--color-gray-dark);color:var(--color-bg);text-align:center;padding:1rem}footer *{opacity:.75;letter-spacing:.5rem;font-size:1rem;font-weight:400}.post-details-title{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.post-details-title h1{font-size:1.5rem}.post-details-title .btn{margin-left:1rem}.post-details-img{object-fit:cover;border-radius:7px;width:100%;height:17rem}.post-details-body{padding:1.5rem 0;font-size:1.2rem;line-height:1.7}.create-post h2{text-align:center;font-size:1.5rem}.create-post form{background-color:var(--color-gray-dark);color:var(--color-bg);border-radius:7px;flex-direction:column;max-width:30rem;margin:1rem auto 0;padding:1.5rem 1rem;display:flex;box-shadow:3px 3px 8px #0000001a}.create-post form label{margin-bottom:.5rem;font-size:1rem}.create-post form textarea,.create-post form select,.create-post form input{background-color:var(--color-bg);border:none;border-radius:3px;outline:none;margin-bottom:1rem;padding:.5rem .75rem}.not-found{text-align:center;color:var(--color-gray);padding:3rem 1rem}.not-found h2{text-transform:uppercase;letter-spacing:.05rem;font-size:2rem}.not-found p{margin:1rem 0}