.errorStyle{background-color:#2f2c2c;border-radius:.4rem;color:#6eef04;font-family:Verdana,Geneva,Tahoma,sans-serif;padding:.7rem;text-align:center;width:13rem}body{display:flex;flex-direction:column;margin-top:3.8rem;width:100%}.home{display:flex;flex-wrap:wrap}.header-container{background-size:cover!important;background:url(/assets/hero-bg.1b949392.jpg) no-repeat center center;height:40vh;overflow:hidden;position:relative;width:100%}.txt-container{left:6%;margin:0;padding:0;position:absolute;top:8%;width:45%}.txt-title{color:#a9f6a8;font-family:Lora;font-size:3rem;font-style:normal;font-weight:700;letter-spacing:.03em;margin-left:12rem;margin-top:3rem;margin:0}.txt-description{color:#fff;font-family:Josefin Sans;font-size:1.2rem;font-weight:300;padding:0;text-align:left;margin-top:1rem}@media only screen and(max-width: 299px){.txt-container{left:6%;top:19%;width:45%}.txt-title{font-size:2rem}.txt-description{font-size:1.1rem}}@media screen and (max-width: 299px){.txt-title{font-size:1.7rem}.txt-description{font-size:1rem}}@media only screen and (min-width: 300px){.txt-container{left:6%;top:18%;width:45%}.txt-description{font-size:1.3rem}}@media only screen and (min-width: 520px){.txt-container{left:12%;top:22%;width:45%}.txt-title{font-size:3rem}.txt-description{font-size:1.6rem}}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));width:80%;margin:1.6rem auto;padding:0 .5rem;align-items:self-start;justify-items:center;grid-gap:1rem}@media only screen and (max-width: 600px){.grid-container{width:100%}}@media only screen and (max-width: 820px){.grid-container{width:90%}}.postCard{width:100%;box-shadow:#64646f33 0 7px 29px}.postImg{width:100%;height:100%;object-fit:cover!important;border-radius:.3rem .3rem 0 0}.postInfo{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 .2rem}.postTitle{font-family:Josefin Sans,Arial,Helvetica,sans-serif;font-size:1.2rem;font-weight:900;color:#008002;margin:.4rem .1rem}.postTitle:first-letter{text-transform:capitalize}.postDate{font-family:Lora,serif;font-style:italic;font-size:.8rem;font-weight:400;color:#b2cbb1;margin-top:.2rem}.postDesc{font-family:Varela Round,Arial,Helvetica,sans-serif;font-weight:400;font-size:.75rem;line-height:1.1rem;color:#444;margin:.7rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}hr{margin-top:.4rem;width:50%;height:.5px;border:none;background-color:#b2cbb1}.wrapper{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background:none}.spinner{width:300px;text-align:center}.spinner>div{width:36px;height:36px;background-color:#333;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.loginContainer{display:grid;place-items:center;background:url(/assets/login-img.3215462d.jpg);background-size:cover;color:#008002;height:calc(100vh - 3.5rem);width:100%}.form-container{width:15rem;display:flex;flex-direction:column}.loginTitle{font-size:2rem;color:#c6ffca;font-weight:700;text-align:center;margin:0 0 1rem;padding:0}.loginForm{margin:.3rem;display:flex;flex-direction:column;background:rgba(245,197,197,.8);backdrop-filter:blur(2px);border-radius:.5rem;padding:1rem}.loginForm>label{margin:.2rem 0;font-size:1.2rem;font-family:Josefin Sans,serif;font-weight:500}.loginInput{padding:.2rem 0;margin-bottom:1.2rem;background:transparent;border:none;border-bottom:1px solid #80775b;color:#008002;outline:none}.loginInput::placeholder{color:#5d7a5d;font-family:Lora,serif;font-size:.8rem;border:none}.loginBtn{margin-bottom:.7rem;padding:.6rem;border:none;border-radius:.4rem;background-color:#008002;color:#c6ffca;cursor:pointer}.registerInfo{font-family:Lora,serif;font-size:.7rem;color:#80775b;text-align:center;margin:.3rem 0}.registerBtn{text-decoration:none;text-align:center;margin-bottom:.7rem;padding:.6rem;border:none;border-radius:.4rem;background-color:#80775b;color:#d4e6f4;cursor:pointer}@media only screen and (max-width: 300px){.form-container{width:90%}}.registerContainer{display:flex;height:calc(100vh - 3.5rem);flex-direction:column;justify-content:center;align-items:center;background:url(/assets/register-img.8ffb8dff.jpg);background-size:cover;color:#008002}.registerTitle{font-size:2.5rem;color:#c6ffca;font-weight:700}.registerForm{width:15rem;margin:1rem;display:flex;flex-direction:column;background:rgba(245,197,197,.8);backdrop-filter:blur(2px);border-radius:.5rem;padding:1rem}.registerForm>label{margin:.2rem 0;font-size:1.2rem;font-family:Josefin Sans,serif;font-weight:500}.registerInput{padding:.2rem 0;margin-bottom:1.2rem;background:transparent;border:none;border-bottom:1px solid #80775b;color:#1b4769;outline:none}.registerInput::placeholder{color:#5d7a5d;font-family:Lora,serif;font-size:.8rem;border:none}.loginBtn{text-decoration:none;text-align:center;margin-bottom:.7rem;padding:.6rem;border:none;border-radius:.4rem;background-color:#1b4769;color:#d4e6f4;cursor:pointer}.loginBtn:hover{background-color:#3388cb}.registerInfo{font-family:Lora,serif;font-size:.6rem;color:#80775b;text-align:center;margin:.3rem 0}.registerBtn{margin-bottom:.7rem;padding:.6rem;border:none;border-radius:.4rem;background-color:#80775b;color:#d4e6f4;cursor:pointer}.registerBtn:hover{background-color:#7ba37a}@media only screen and (max-width: 375px){.registerForm{width:70%}}.singlePage{display:flex;flex-wrap:wrap;margin:0 10% 10% 7%}.post-container{width:60%;margin-bottom:8%}.side-element{width:40%}@media screen and (max-width: 768px){.singlePage{margin-bottom:10%}.post-container{width:100%}.side-element{width:60%}}@media screen and (max-width: 820px){.singlePage{margin:0}.post-container{width:100%}.side-element{width:80%;margin:0 auto}}.sidebar{height:fit-content;margin:.5rem;padding-bottom:2rem;background-color:#f9f5f5;border-radius:10px;display:flex;flex-direction:column;align-items:center}.sidebarItem{display:flex;flex-direction:column;align-items:center}.sidebarTitle{margin:.7rem;padding:.3rem;width:90%;border-top:solid 1px #80775b;border-bottom:solid 1px #80775b;text-align:center;font-family:Varela Round;font-size:12px;line-height:19px;color:#1b4769;font-weight:bolder}.sidebarItem>img{margin-top:.9rem;width:12rem;height:12rem;object-fit:cover}.sidebarItem>p{padding:1rem;text-align:justify;font-size:1rem;font-weight:400;font-family:Josefin Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.sidebarList{list-style:none}.sidebarListItem{display:inline-block;width:50%;margin-top:.4rem;cursor:pointer;font-size:.9rem;text-align:center}.singlePostContent{border-radius:.5rem;box-shadow:#64646f33 0 7px 29px;margin:.5rem;padding:1rem}.spImage{border-radius:.3rem;height:300px;margin-top:.8rem;object-fit:cover;width:100%}.singlePostTitle{color:#008002;font-family:Josefine,serif;font-size:1.8rem;font-weight:700;margin:.8rem 0}.editBtns{float:right}.singlePostIcon{cursor:pointer;margin-left:.6rem}.singlePostIcon:hover{color:#3388cb}.singlePostIcon:last-child{color:#dc3737}.singlePostIcon:last-child:hover{background-color:red;color:#f5f5f5}.spInfo{border-bottom:1px solid #b2cbb1;color:#80775b;display:flex;font-family:Lora,serif;justify-content:space-between;margin-bottom:1.3rem;padding-bottom:.4rem}.spDescription{color:#464545;font-family:Josefine,sans-serif;font-size:1.1rem;font-weight:300;line-height:1.4rem;text-align:justify}.spDescription:first-letter{font-size:1.7rem;font-weight:700;margin-left:1rem}.writePage{display:flex;flex-direction:column;justify-content:center;margin-top:1.5rem}.uploadIcon{border-radius:.3rem;border:2px solid #7b927c;color:#7b927c;cursor:pointer;padding:.4rem .7rem}.formGroup span{font-family:Josefin sans,serif;color:#7b927c}.createForm{display:flex;flex-direction:column;align-items:center;margin:1.2rem 0 3.5rem}.formGroup{display:flex;flex-direction:column;width:60%;margin:1.1rem auto 3rem}.formTitle{border-color:#1b4769;border-style:none none solid none;border-width:1px;color:#1b4769;font-family:Varela Rounded,Calibri,Trebuchet MS,sans-serif;font-size:1.8rem;margin-bottom:1rem;outline:none}.formTitle::placeholder,.formDescription::placeholder{color:#bdb9b9;font-weight:400}.formDescription{border-color:#dfdfc3;border-radius:.3rem;font-family:Josefin sans,sans-serif;font-weight:300;font-size:1.2rem;padding:.5rem}.btnSubmit{background-color:#008002;border-radius:.4rem;border:none;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem}@media screen and (max-width: 590px){.formGroup{width:100%;padding:0 .7rem}}.settingsPage{display:flex;flex-direction:column;justify-content:center;font-family:Josefin sans,Calibri,Trebuchet MS,sans-serif;width:50%;margin:1.5rem auto}.settingsWrapper{margin:1.3rem .7rem}.settingsTitle{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.3rem}.settingsTitleUpdate{font-size:1.3rem;margin-bottom:1.2rem;color:#008002}.settingsTitleDelete{color:red;font-size:.8rem;cursor:pointer}.settingsTitleDelete:hover{color:#e9eaeb;background-color:#e02609;padding:.4rem;border-radius:.4rem}.settingsForm{display:flex;flex-direction:column;margin-top:1.3rem}.settingsPP{display:flex;align-items:baseline;justify-content:center;margin-top:10px;margin-bottom:10px}.settingsPP>img{height:5rem;width:5rem;border-radius:.5rem;object-fit:cover}.settingsPPIcon{width:1.8rem;height:1.8rem;padding:.8rem 1.3rem;display:flex;justify-content:center;align-items:center;border:none;border-radius:20%;margin-left:10px;color:#fff;background-color:#b2cbb1;cursor:pointer}.settingsPPIcon:hover{color:#80775b}.settingsPPButton:focus{outline-style:none}.settingsForm>label{font-size:20px;margin-top:20px;color:#008002}.settingsPPInput{width:30%}.settingsForm>input{color:gray;margin-top:10px;margin-bottom:10px;height:30px;border:none;border-bottom:1px solid lightgray;outline:none}.settingsSubmitButton{align-self:center;border:none;border-radius:.5rem;color:#fff;background-color:#008002;padding:.6rem;margin-top:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.settingsSubmitButton:hover{background-color:#b2cbb1}@media screen and (max-width: 590px){.settingsPage{width:100%;padding:0 .7rem}}.imgUploaded{display:block;margin-left:auto;margin-right:auto;object-fit:cover!important}nav{align-items:center;background-color:#76db73;display:grid;font-family:Josefin Sans,Roboto,sans-serif;font-size:1rem;grid-column-gap:.5rem;grid-template-columns:22% auto 22%;grid-template-columns:repeat(auto-fit,minmax(5rem,auto));justify-content:space-around;justify-items:center;line-height:1.5;padding:.5rem;position:fixed;top:0;width:100%;z-index:999}.link{font-weight:300;text-decoration:none;text-transform:uppercase}.link:hover{font-weight:800}.logo{align-items:center;cursor:pointer;display:grid;justify-items:center}.logo-txt{color:#008002;font-size:1.5rem;font-weight:700;margin-top:0}.logo:hover{color:#008002}.icon-grass{margin-bottom:-.9rem}.icon-home{color:#008002}.icon-home:hover{color:#035405}.links-center{display:grid;grid-column-gap:1rem;grid-template-columns:auto auto;justify-items:center;align-items:center}.links-right{display:grid;grid-column-gap:1rem;grid-template-columns:auto auto;justify-items:end;align-items:center}.profileImg{border-radius:50%;margin-bottom:0;width:2rem}.fixed-bottom{align-items:center;background-color:#008002;bottom:0;clear:both;color:#c6ffca;display:flex;justify-content:center;width:100%}.txt-footer-container{display:flex;flex-direction:column;margin:.5rem;width:100%;align-items:center}.txt-footer-container p{font-family:Josefin Sans,serif;font-weight:lighter;margin:0;padding:.2rem;text-align:center}a{color:inherit;text-decoration:none}a:hover{font-weight:700}