@import url(https://fonts.googleapis.com/css?family=Pacifico&display=swap);.container{width:100%;padding:1em 15px;margin-right:auto;margin-left:auto;background-color:#fff}.App.container{min-height:100vh}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.red{color:red}main{margin-top:5rem;margin-bottom:5rem}.toggle-button{display:flex;flex-direction:column;justify-content:space-around;height:30px;width:45px;background:transparent;border:none;cursor:pointer;padding:0;box-sizing:border-box}.toggle-button:focus{outline:none}.toggle-button__line{width:30px;height:3px;background:#fff}.toolbar{width:100%;position:fixed;top:0;left:0;background-color:#487948;height:50px}.toolbar__navigation{display:flex;height:100%;align-items:center;padding:0 1rem}.toolbar__logo{margin-left:1rem}.toolbar__logo a{color:#fff;text-decoration:none;font-size:1.5rem}.spacer{flex:1 1}.toolbar__navitgation-items ul{list-style:none;padding:0;display:flex;margin:0 1.5em 0 0}.toolbar__navitgation-items li{padding:0 .5rem;font-size:1.25rem}.toolbar__navitgation-items a{color:#fff;text-decoration:none}.toolbar__navitgation-items a:active,.toolbar__navitgation-items a:hover{color:#243c24}@media (max-width:768px){.toolbar__navitgation-items{display:none}}@media (min-width:769px){.toolbar__toggle{display:none}}.logo{height:2.5rem}.side-drawer{height:100%;background:#fff;box-shadow:2px 0 5px rgba(0,0,0,.5);position:fixed;top:0;left:0;width:70%;max-width:400px;z-index:200;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}.side-drawer.open{-webkit-transform:translateX(0);transform:translateX(0)}.side-drawer ul{height:100%;list-style:none;display:flex;flex-direction:column;justify-content:center;padding-left:2rem}.side-drawer li{margin:.5rem 0}.side-drawer a{font-size:1.2rem;text-decoration:none}@media (min-width:769px){.side-drawer{display:none}}.backdrop{top:0;height:100%;background:rgba(0,0,0,.4);z-index:100;cursor:pointer}#footer,.backdrop{position:fixed;left:0;width:100%}#footer{background-color:#487948;height:70px;bottom:0;padding:1.5rem;margin-top:30px;display:flex;justify-content:center}#footer>*{color:#fff}#footer p{margin:0 1em}.cards{border:2px solid #8fbc8f;box-shadow:10px 10px 10px -6px #3c653c;border-radius:25px;padding:10px;display:flex;flex-direction:column;align-items:center;margin:20px;color:#487948}.cards h3{text-align:center}.cards .flag,.cards h3{text-transform:capitalize}.cards .flag{border:1px solid #8fbc8f;box-shadow:1px 1px 2px #3c653c;border-radius:2px;padding:0 20px}@media only screen and (min-device-width:768px){.cards{max-width:50%;margin:20px auto}}.filterForm{margin:30px auto}form{text-align:center}.card-link{text-decoration:none;color:#000}select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;outline:0;box-shadow:none;border:0!important;background:#8fbc8f;background-image:none}select::-ms-expand{display:none}.customSelect{position:relative;display:flex;align-items:center;width:8em;height:2em;line-height:2;background:#8fbc8f;overflow:hidden;border-radius:.25em;margin:0 auto}select{flex:1 1;padding:0 .5em;color:#000;cursor:pointer}.customSelect:after{content:"\25BC";position:absolute;top:0;right:0;padding:0 6px;background:#8fbc8f;color:#487948;cursor:pointer;pointer-events:none;transition:all .25s ease}.edit-btn{margin-top:20px;border-radius:4px;padding:15px;background-color:#487948;color:#fff;border:none;width:100px;cursor:pointer}.edit-btn:hover{opacity:.7}.btn{background-color:#487948;padding:1em;color:#fff;text-decoration:none;margin:1em;border-radius:3px}.btn:hover{background-color:#e5efe5;color:#8fbc8f}.button-bar{margin-top:20px;display:flex;flex-direction:column;justify-content:space-evenly;text-align:center}.landing h2{font-size:32px}.landing p{margin-top:15px}@media screen and (min-device-width:1200px){.landing{display:flex;margin-top:200px}.missionContain{display:flex;flex-direction:column;max-width:75%;border-right:2px solid #8fbc8f;padding-right:20px}.button-bar{margin:0 auto}}.landing-logo{width:60%;display:block;margin:auto}@media (min-width:770px){.landing-logo{width:40%}}@media (min-width:1100px){.landing-logo{width:20%}}.Hyph{display:block;height:1px;border:0;border-top:2px solid #8fbc8f;margin:1em 0;padding:0}.Input,.Textarea{width:100%;clear:both;padding:5px;border:none;border-bottom:2px solid #8fbc8f}.Input::-webkit-input-placeholder,.Textarea::-webkit-input-placeholder{color:#ccc}.Input:-ms-input-placeholder,.Textarea:-ms-input-placeholder{color:#ccc}.Input::-ms-input-placeholder,.Textarea::-ms-input-placeholder{color:#ccc}.Input::placeholder,.Textarea::placeholder{color:#ccc}.Textarea{resize:vertical}.Button{margin-top:20px;border-radius:4px;padding:15px;background-color:#487948;color:#fff;border:none;width:100px}.Button:hover{background-color:#e5efe5;color:#8fbc8f}.Required{color:#ca1551;font-family:Arial;font-weight:700}.Section{margin-left:20px;margin-right:20px}.Section--list{margin-left:10px;margin-right:10px}.tool-bar{display:flex;justify-content:space-evenly}.LoginForm{display:flex;flex-direction:column;align-items:center;padding:60px 0}.LoginForm button{margin-top:20px;border-radius:4px;padding:15px;background-color:#487948;color:#fff;border:none;width:100px}.LoginForm button:hover{background-color:#e5efe5;color:#8fbc8f}.LoginForm input{width:100%;clear:both;padding:5px;border:none;border-bottom:2px solid #8fbc8f}h1,h2{padding:20px;text-align:center}*{box-sizing:border-box;padding:0;margin:0}.IndividualRegForm{padding:60px 0}.registration_error{color:#fff;background:red;padding:10px;display:flex;justify-content:center;align-items:center;text-align:center;flex-wrap:wrap;word-wrap:wrap}.buttonContainer,.error{text-align:center}.error{color:red;font-size:15px}.RegistrationPage{display:flex;flex-direction:column;align-items:center;width:50%;margin:auto}.RegistrationPage h2{padding:20px}.createStory{border:2px solid #8fbc8f;box-shadow:10px 10px 10px -6px #3c653c;border-radius:25px;padding:10px;display:flex;flex-direction:column;align-items:center;margin:20px;color:#487948}.createStory button{margin-top:20px;border-radius:4px;padding:15px;background-color:#487948;color:#fff;border:none;width:100px}.createStory button:hover{background-color:#e5efe5;color:#8fbc8f}.createStory input{width:100%;clear:both;padding:5px;border:none;border-bottom:2px solid #8fbc8f}.customSelect select{text-transform:capitalize}.commentForm{display:flex;flex-direction:column;align-items:center;padding:40px 0}.commentForm button{margin-top:20px;border-radius:4px;padding:15px;background-color:#487948;color:#fff;border:none;width:100px;cursor:pointer}.commentForm button:hover{background-color:#e5efe5;color:#8fbc8f}.commentForm input{width:100%;clear:both;padding:5px;border:none;border-bottom:2px solid #8fbc8f}.policy{display:flex;flex-direction:column;align-items:center}.policy h3{text-align:center;padding-bottom:20px}.policy p{line-height:1.5;padding:10px}.comments_list{margin:0;color:#487948;list-style-type:none;text-align:center}.comments_list li{border:2px solid #8fbc8f;box-shadow:10px 10px 10px -6px #3c653c;border-radius:25px;padding:10px;margin-top:15px}.edit-form{display:flex;flex-direction:column;justify-content:space-evenly;text-align:center;padding:5px}.edit-form input[type=text],select{width:100%;padding:12px 20px;font-size:16px;margin:8px 0;display:inline-block;border:1px solid #8fbc8f;border-radius:4px;box-sizing:border-box;color:#487948}.edit-form label{font-size:1.17em;font-weight:700;color:#487948}.edit-story{margin-top:20px;border-radius:4px;padding:15px;background-color:#487948;color:#fff;border:none;width:100px;cursor:pointer}.edit-story:hover{background-color:#e5efe5;color:#8fbc8f}.delete-btn:hover{color:red}.delete-btn{background-color:#dc143c;margin-left:20px;font-weight:900}@media only screen and (min-device-width:768px){.comments_list{max-width:50%;margin:20px auto}}.delete{color:#9f5f5f;background-color:none;border:none;cursor:pointer}.row{display:flex;justify-content:space-around}.editStory{border:2px solid #8fbc8f;box-shadow:10px 10px 5px grey;border-radius:25px;color:#487948}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}
/*# sourceMappingURL=main.45b6fcec.chunk.css.map */