@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{min-height:100vh;font-family:Source Code Pro,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;background-color:#474747}#root{flex-grow:1;display:flex;justify-content:center;align-items:center}.App{width:100%;max-width:800px;height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;border:1px solid #333;box-shadow:0 0 15px gray}.Header,.Footer{width:100%;background-color:#000;padding:1rem;display:flex;justify-content:space-between;align-items:center;color:#fff}.Header a{text-decoration:none;list-style-type:none;color:#fff}.Header h1{font-size:2.5rem}.Header svg{font-size:2rem}.Footer{padding:.75rem;display:grid;place-content:center}.Nav{width:100%;background-color:#4d4d4d;display:flex}.searchForm{width:80%;padding:1rem 0 0 .75rem}.searchForm input[type=text]{font-family:Open Sans,sans-serif;width:100%;min-height:48px;font-size:1rem;padding:.25rem;border-radius:.25rem;outline:none;background-color:#b4b4b4}.searchForm label{position:absolute;left:-99999px}.Nav ul{color:#fff;list-style-type:none;display:flex;flex-wrap:nowrap;align-items:center}.Nav li{padding:1rem;cursor:pointer}.Nav li a{color:#fff;text-decoration:none}.Nav li:hover,.Nav li:focus,.Nav li:hover a,.Nav li:focus a{background-color:#eee;color:#333}.Nav li:hover a,.Nav li:focus a{cursor:pointer}.Home,.NewPost,.PostPage,.About,.Missing{width:100%;flex-grow:1;padding:1rem;overflow-y:auto;background-color:#7e7e7e}.post{margin-top:1rem;padding-bottom:1rem;border-bottom:1px solid lightgray}.Home .post a{text-decoration:none}.Home .post a,.Home .post a:visited{color:#000}.post:first-child{margin-top:0}.post:last-child{border-bottom:none}.postDate{font-size:.75rem;margin-top:.25rem}.postBody{margin:1rem 0}.newPostForm{display:flex;flex-direction:column}.newPostForm label{margin-top:1rem}.newPostForm input[type=text],.newPostForm textarea{font-family:Open Sans,sans-serif;width:100%;min-height:48px;font-size:1rem;padding:.25rem;border-radius:.25rem;margin-right:.25rem;outline:none;background-color:#b4b4b4}.newPostForm textarea{height:100px}.newPostForm button{margin-top:1rem;height:48px;min-width:48px;border-radius:10px;padding:.5rem;font-size:1rem;cursor:pointer}.Missing h2,.PostPage h2,.Missing p,.PostPage p{margin-bottom:1rem}.PostPage button{height:48px;min-width:48px;border-radius:.25rem;padding:.5rem;font-size:1rem;margin-right:.5rem;color:#fff;cursor:pointer}.deleteButton{background-color:red}.editButton{background-color:#ffa600}.statusMsg{margin-top:2rem}@media only screen and (min-width: 610px){html{font-size:22px}.Header h1{font-size:2rem}.Nav{flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}.Nav ul{text-align:right}.Nav li:hover,.Nav li:focus,.Nav li:hover a,.Nav li:focus a{background-color:#eee;color:#333}.searchForm{width:50%;padding:.5rem 0}.searchForm input[type=text]{margin-left:.5rem}.newPostForm textarea{height:300px;background-color:#b4b4b4}}@media only screen and (min-width: 992px){.Header svg{font-size:3rem}}