:root{--green:#244c4c;--light-green:#efece9;--light-grey:#f1f1f4;--text-color-light:#f1f1f1;--text-color-dark:#244c4c;--text-color-danger:#983a3a;--white:#f1f1f1}body{color:#244c4c;color:var(--text-color-dark);padding:0;margin:0;font-family:Lato,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}main{padding:58px 0 0;background-color:#efece9;background-color:var(--light-green)}h1{font-size:2em;font-weight:600;text-align:center;text-transform:uppercase}h1,h2{letter-spacing:.1px}h2{font-weight:500}h3{font-weight:600;letter-spacing:.1px}a{color:#244c4c;color:var(--green)}.page{background-color:#efece9;background-color:var(--light-green);min-height:calc(100vh - 58px - 2em);padding:2em}.text-center{text-align:center}.text-error{color:#983a3a;color:var(--text-color-danger)}.text-error:first-letter{text-transform:uppercase}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}nav{display:flex;background-color:#efece9;position:fixed;top:0;left:0;right:0;text-align:left;box-shadow:1px 1px 8px rgba(0,0,0,.25)}nav a{color:var(--text-color-green);text-align:center;text-decoration:none;letter-spacing:.1em;text-transform:uppercase}.logo{display:block;margin-right:auto;width:160px;padding:10px;margin-left:10px;margin-top:5px}#create,#posts,#profile{padding:20px 16px}nav a:hover{color:#244c4c;color:var(--text-color-dark)}nav a.active,nav a:hover{background-color:#efece9;background-color:var(--light-green);text-decoration:underline}nav a.active{color:#244c4c;color:var(--green)}.grid-container{display:grid;grid-template-columns:1fr;grid-gap:1em;gap:1em}@media (min-width:600px){.grid-container{grid-template-columns:1fr 1fr}}@media (min-width:992px){.grid-container{grid-template-columns:1fr 1fr 1fr}}.page-container{display:flex;flex-direction:column;min-height:100vh}.content-wrap{flex:1 1}.grid-container>article{box-shadow:1px 1px 8px rgba(0,0,0,.25);padding:1.5em;background-color:#f1f1f1;background-color:var(--white);border-radius:25px;margin:13px}.grid-container>article :first-letter{text-transform:uppercase}.grid-container>article img{width:100%;height:200px;object-fit:cover}form{margin:auto;box-shadow:1px 1px 8px rgba(0,0,0,.25);text-align:center;padding:1em 1em 2em;background-color:#f1f1f1;background-color:var(--white);max-width:380px;-webkit-animation:fadeIn .5s;animation:fadeIn .5s;border-radius:25px}form button{font-size:1em}button,form button{padding:12px 15px;width:100%;max-width:350px}button{font-weight:600;text-align:center;cursor:pointer;border:none;color:#f1f1f1;color:var(--text-color-light);background-color:#244c4c;background-color:var(--green);letter-spacing:.05em;text-transform:uppercase;font-size:.8em;display:block;margin:1em auto 0;border-radius:50px;font-size:1em}button:hover{box-shadow:0 12px 16px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);transition:box-shadow .3s ease-in-out}button.btn-outline{background-color:#efece9;background-color:var(--light-green);color:#244c4c;color:var(--green);border:2px solid #244c4c;border:2px solid var(--green)}.btn-sign-out{position:absolute;right:0;top:0;cursor:pointer;font-size:.7em;padding:2.032em 1em}input{margin:1em auto;width:100%;max-width:350px;padding:1em;box-sizing:border-box;display:block;background:#f1f1f1;background:var(--white);box-shadow:0 10px 16px 0 rgba(0,0,0,.24);background-color:transparent;border:0 solid;border-radius:25px}.checkout{margin:auto;box-shadow:1px 1px 8px rgba(0,0,0,.25);text-align:center;padding:1em 1em 2em;background-color:#f1f1f1;background-color:var(--white);max-width:380px;-webkit-animation:fadeIn .5s;animation:fadeIn .5s;border-radius:25px}.checkoutimg{width:100%;height:250px;object-fit:cover;border-radius:25px}.image-preview{width:100%;max-width:350px;height:200px;object-fit:cover;margin:auto;display:block;cursor:pointer}form .file-input{display:none}.loader{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99999999;overflow:hidden;background:var(--loader-background-color);text-align:center}.spinner{border-radius:50%;border:5px solid #efece9;border-top-color:#244c4c;border:5px solid var(--light-green);border-top-color:var(--green);width:50px;height:50px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;display:inline-block;vertical-align:middle;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0}.hide{visibility:hidden;opacity:0;transition:visibility 0s .4s,opacity .4s linear}.avatar{display:flex;align-items:center;margin:0 0 1.2em;text-align:left}.avatar span{margin:0 0 0 1em}.avatar h3,.avatar p{margin:0}.avatar img{max-width:50px;max-height:50px;object-fit:cover;border-radius:50%}.signInImg{max-width:200px;max-height:200px;display:block;margin-left:auto;margin-right:auto}.main-footer{background-color:#c0c4a4;position:relative;display:inline-block;width:100%}.main-footer,ul{text-align:center}li{display:inline-block;padding:20px}.footericon{width:60px;cursor:pointer}hr{color:#c0c4a4;border-color:#c0c4a4;width:50%}
/*# sourceMappingURL=main.ef284b97.chunk.css.map */