@import url(https://fonts.googleapis.com/css2?family=Open+Sans&display=swap);:root{--maxWidth:800px;--primaryColour:#718eb5;--secondaryColour:#dae2ec;--accentColourLight:#b59871;--accentColourDark:#a07f53;--lightGrey:#f3f3f3;--medGrey:#3e4756;--darkGrey:#1c1c1c;--white:#fff;--fontSuperBig:2.5rem;--fontBig:1.5rem;--fontMed:1.2rem;--fontSmall:1rem;--fontExtraSmall:.85rem}*{box-sizing:border-box;font-family:Open Sans,sans-serif;margin:0;padding:0}html{font-size:1rem}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:url(/static/media/hero_7.900e6ae66b4a3b6003b5.jpg),#1c1c1c;background:url(/static/media/hero_7.900e6ae66b4a3b6003b5.jpg),var(--darkGrey);background-position:50%;background-size:cover;font-family:Open Sans,sans-serif}.App{background:#dae2ec;background:var(--secondaryColour);box-shadow:0 0 15px #3e4756;box-shadow:0 0 15px var(--medGrey);display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:800px;max-width:var(--maxWidth)}main{color:#1c1c1c;color:var(--darkGrey);flex-grow:1;overflow-y:auto;padding:15px 30px;position:relative;width:100%}.header{background:#718eb5;background:var(--primaryColour);padding:0 30px;z-index:500}.header header{align-items:center;color:#fff;color:var(--white);display:flex;justify-content:space-between;margin:0 auto;padding:15px 0}a{text-decoration:none}.header .logo{color:#fff;color:var(--white);font-family:Monoton,cursive;font-size:1.8rem;letter-spacing:1px;text-transform:uppercase}.footer{background:#718eb5;background:var(--primaryColour);padding:0 30px}.footer footer{align-items:center;color:#fff;color:var(--white);display:flex;flex-shrink:0;justify-content:center;margin:0 auto;max-width:800px;max-width:var(--maxWidth);padding:15px 0}.footer p{font-size:.85rem;font-size:var(--fontExtraSmall)}.not-found{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:70px 30px 0 20px;padding:0}.not-found h1{font-size:3rem}.not-found h1,.not-found h3{-webkit-margin-before:0;-webkit-margin-after:0;margin-block-end:0;margin-block-start:0;margin-bottom:1rem}.not-found h3{font-size:2.5rem;font-size:var(--fontSuperBig)}.not-found a,.not-found h1,.not-found h3,.not-found p{color:#1c1c1c;color:var(--darkGrey)}.not-found a{text-decoration:underline}.not-found p{font-size:1.2rem;font-size:var(--fontMed)}.not-found .ruler{border-top:1px solid #b59871;border-top:1px solid var(--accentColourLight);height:1px;width:400px}.nav{background:#3e4756;background:var(--medGrey);padding:0 30px;z-index:500}.nav nav{align-items:center;color:#fff;color:var(--white);display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:800px;max-width:var(--maxWidth);padding:15px 0 0}.searchForm{background:#dae2ec;background:var(--secondaryColour);border-radius:40px;color:#1c1c1c;color:var(--darkGrey);flex-wrap:nowrap;font-size:1rem;font-size:var(--fontSmall);height:40px;margin-bottom:15px;max-width:400px;position:relative;width:100%}.search-icon{color:#3e4756;color:var(--medGrey);font-size:1.2rem;font-size:var(--fontMed);left:20px;position:absolute;top:10px}.searchForm input[type=text]{background:transparent;border:none;border-radius:.25rem;color:#1c1c1c;color:var(--darkGrey);font-family:Open Sans,sans-serif;font-size:1rem;font-size:var(--fontSmall);height:40px;left:0;outline:none;padding:0 20px 0 50px;position:absolute;width:100%}.searchForm label{left:-99999px;position:absolute}.nav ul{align-items:center;color:#fff;display:flex;flex-wrap:nowrap;list-style-type:none;margin-bottom:15px}.nav li{margin-left:5px}.nav li a{background:transparent;border-radius:3px;color:#fff;color:var(--white);cursor:pointer;font-size:1rem;font-size:var(--fontSmall);padding:.5rem;text-decoration:none;transition:all .5s}.nav li a:focus,.nav li a:hover{background-color:#dae2ec;background-color:var(--secondaryColour);color:#1c1c1c;color:var(--darkGrey)}.about-list{display:flex;flex-direction:column;margin-left:30px;margin-top:1rem}.post{border-bottom:1px solid #b59871;border-bottom:1px solid var(--accentColourLight);margin-top:1rem}.post a{color:inherit;text-decoration:none}.post a>h2:hover{text-decoration:underline}.post:first-child{margin-top:0}.post:last-child{border-bottom:none}.postDate{margin-top:.25rem}.postBody,.postDate{font-size:1rem;font-size:var(--fontSmall)}.postBody{margin:1rem 0;text-align:justify}.read-more{background:#b59871;background:var(--accentColourLight);border:1px solid #a07f53;border:1px solid var(--accentColourDark);border-radius:3px;color:#fff!important;color:var(--white)!important;cursor:pointer;font-size:10px;outline:none;padding:2px 3px;transition:all .5s}.read-more:hover{background:#a07f53;background:var(--accentColourDark);border:1px solid #b59871;border:1px solid var(--accentColourLight)}.newPostForm{display:flex;flex-direction:column}.newPostForm label{font-size:1rem;font-size:var(--fontSmall);margin-top:1.2rem}.newPostForm input[type=text],.newPostForm textarea{border:1px solid #1c1c1c;border:1px solid var(--darkGrey);border-radius:.25rem;font-size:1rem;margin-right:.25rem;min-height:48px;outline:none;padding:10px;width:100%}.newPostForm button{background:#b59871;background:var(--accentColourLight);border:1px solid #a07f53;border:1px solid var(--accentColourDark);border-radius:10px;color:#fff;color:var(--white);cursor:pointer;font-size:1rem;margin-top:1rem;outline:none;padding:.7rem .5rem;transition:all .5s;width:100%}.newPostForm button:hover{background:#a07f53;background:var(--accentColourDark);border:1px solid #b59871;border:1px solid var(--accentColourLight)}.post button{border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-size:1rem;font-size:var(--fontSmall);margin-right:.5rem;outline:none;padding:.5rem}.editButton{background:#b59871;background:var(--accentColourLight)}.editButton:hover{background:#a07f53;background:var(--accentColourDark)}.deleteButton{background:red}.deleteButton:hover{background:#d40000}@media only screen and (max-width:576px){main{padding:15px}.footer,.header,.nav{padding:0 15px}}.backdrop{background-color:rgba(0,0,0,.75);height:100vh;top:0;width:100%;z-index:700}.backdrop,.modal{left:0;position:fixed;right:0}.modal{align-items:center;background-color:#dae2ec;background-color:var(--secondaryColour);border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.2);display:flex;flex-direction:column;justify-content:center;margin:0 auto;padding:2rem 1rem;top:20vh;width:330px;z-index:900}.modal p{font-size:1.5rem;font-size:var(--fontBig);font-weight:700}.modal button.cc{background:red;border:none;border-radius:.25rem;color:#fff;color:var(--white);cursor:pointer;font-size:1.2rem;font-size:var(--fontMed);margin:1rem 1rem .5rem .25rem;outline:none;padding:8px 12px;transition:all .5s}.modal button.cc:focus,button.cc:hover{background:#d40000}.modal button.confirm{background:#b59871;background:var(--accentColourLight);border:none;border-radius:.25rem;color:#fff;color:var(--white);cursor:pointer;font-size:1.2rem;font-size:var(--fontMed);outline:none;padding:8px 12px;transition:all .5s}.modal button.confirm:focus,button.confirm:hover{background:#a07f53;background:var(--accentColourDark)}@media only screen and (max-width:700px){.searchForm{max-width:100%}.nav nav{justify-content:center}}
/*# sourceMappingURL=main.0501bcf3.css.map*/