nav{display:flex;width:100%;height:70px;align-items:center;background-color:#006442}nav a{padding:3%;color:#26c281;text-decoration:none;font-size:1.5rem;font-weight:700}nav a:hover{color:#fff}.nav-img{height:60px;position:absolute;top:5px;right:3%}@media only screen and (max-width:300px){nav a{font-size:1.2rem}}.post-div-container{border:1px solid #fff;padding:3%;margin:1%;background-color:#006442;display:flex;justify-content:space-around;align-items:center;font-size:1.1rem}.post-div-container a{width:auto;color:#fff;text-decoration:none}.post-div-container a :hover{color:#26c281;text-decoration:underline;transform:scale(1.1)}.home-container h1{text-align:center;font-size:2.5rem;color:#fff;font-style:italic}.comment-div-container{font-size:.9rem}.comment-body{font-size:1.2rem}.add-comment-container{width:80%}.add-comment-container form{display:flex;flex-direction:column;align-items:center}.add-comment-container input,.add-comment-container textarea{width:80%;padding:1%;font-size:1.1rem;margin-bottom:5px;text-align:center;font-family:"Playfair Display",serif}.add-comment-container button{width:30%}.comment-close{text-align:right}@media only screen and (max-width:600px){.add-comment-container button{width:80%}}.post-page-container{font-size:1.2rem}.post-message{line-height:1.75;font-size:1.3rem}.post-page-author{font-size:1.1rem}.post-page-add-comment-container{display:flex;justify-content:space-between;align-items:center}.not-found-container{text-align:center;padding-top:15%}body,html{margin:0;padding:0;background-color:#407a52;font-family:"Playfair Display",serif;color:#fff}hr{border-color:#006442}button{height:80%;padding:10px;background-color:#fff;border:1px solid #fff;font-weight:700;color:#000;cursor:pointer;transition:all .3s ease-in-out}button:hover{color:#fff;background-color:#006442;transform:scale(1.1);box-shadow:none}@media only screen and (max-width:767px){button:hover{color:#000;background-color:#fff;transform:none}}.app-container{padding:0 3% 3%}.github-link{position:fixed;top:30%;right:0}.github-link a svg{fill:#6c8c75}.github-link a svg:hover{fill:#56695b}.italics{font-style:italic}.loader{border:16px solid #f3f3f3;border-top-color:#000;border-radius:50%;width:120px;height:120px;animation:spin 2s linear infinite;position:absolute;top:50%;left:50%;margin-top:-60px;margin-left:-60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.81c42f9a.chunk.css.map */