*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{min-height:100vh;font-family:Open Sans,sans-serif;display:flex;background-color:#efefef}#root{flex-grow:1;display:flex;justify-content:center;align-items:center}.App{width:100%;max-width:100%;height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;border:1 solid #333;box-shadow:0 0 15px gray;color:#333}.postData{font-size:.75rem;margin-top:.25rem}.Header{width:100%;background-color:#66d8f5;padding:rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.Footer{width:100%;background-color:#66d8f5;padding:rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.Header h1{font-size:1.5rem;font-family:sans}.Header span{color:red}.Header svg{font-size:2rem}.Footer{color:red}.sb_footer-copyright{display:flex;justify-content:space-between;align-items:flex-end}.sb_footer-below{display:flex;justify-content:space-between}.sb_footer-below-links{display:flex;flex-wrap:nowrap;justify-content:space-between;margin:0px 1rem}.sb_footer-below-links a{margin-left:1rem}.Footer span{color:green}.Nav{width:100%;background-color:#333;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.seacrhForm{width:80%;padding:1rem 0 0 .75rem}.seacrhForm input[type=text]{font-size:"open Sans",sans-serif;width:100%;min-height:70px;font-size:2rem;padding:.25rem;border-radius:.25rem;outline:none}.Nav ul{color:#fff;list-style-type:none;display:flex;flex-wrap:nowrap;align-items:center;cursor:pointer;margin-left:1rem}.Nav li{padding:1rem}.Nav li:hover,.Nav li:focus{padding:1rem}.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}.postBody{margin:1rem 0}.searchForm{cursor:pointer}.Nav li:hover a,.Nav li:focus a{cursor:pointer}.Home,.NewPost,.PostPage,.Tutorial,.WebService,.Others,.About,.AddPost,.Login,.Missing{width:100%;flex-grow:1;padding:3rem;overflow-y:auto;background-color:#fff}.button{display:flex;justify-content:center;align-items:center;margin-right:.5rem}.loginBtn{background-color:green;list-style-type:none;padding:rem;margin-right:1rem;border-radius:7px;cursor:pointer}.loginBtn a{color:#eee;font-size:1rem;font-weight:600;font-family:sans;text-decoration:none}.loginBtn:hover{color:green}.loginBtn:hover{background-color:#90ee90}.loginBtn a:hover{color:green}.signUpBtn{background:lightgreen;border-radius:8px;padding:1rem;cursor:pointer}.signUpBtn:active{background-color:green}.signUpBtn a{text-decoration:none;text-transform:uppercase;flex-wrap:wrap;font-size:1rem;border-radius:9px}.post{margin-top:1rem;padding-bottom:1rem;border-bottom:1px solid lightgray}.post button{margin-top:1rem;height:48px;min-width:48px;border-radius:10px;padding:.5rem;font-size:1rem;cursor:pointer}.post button:hover{background-color:red}.Register,.Login{background:url(/assets/background2-37bf4935.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;width:50%;margin:3rem;padding:1rem;border-radius:8px;display:flex;justify-content:center;align-items:center}h1{color:#fff;font-size:50px;padding-bottom:1rem;display:flex}.validName{color:green}label{font-size:1.5rem;color:#333;display:flex;margin-top:1rem}input{color:#333;font-size:30px;font-family:sans-serif;padding:.8rem;font-weight:400;display:flex;width:100%;height:48px;border-radius:7px;outline:none;box-shadow:none}.Register button,.Login button{width:100%;padding:1rem;color:#333;font-family:sans-serif;font-weight:600;font-size:40px;margin-top:1rem;border-radius:8px;cursor:pointer}.forgetPass{margin:5px}.forgetPass a{color:#90ee90;text-decoration:none}.forgetPass a:hover{color:green;text-decoration:underline}.forgetPass a:active{color:red}.Login button{background-color:#90ee90}.Login button:hover{background-color:green}.line a{color:red}.alreadyLink{margin-top:1rem;font-size:30px}.alreadyLink span{margin-left:.5rem}.alreadyLink a{text-decoration:none;color:#90ee90}.alreadyLink a:hover{text-decoration:underline;color:green}.alreadyLink a:active{color:#006400}.signUp{margin-top:1rem;font-family:30px}.headerColor{color:red}.signUpLink{margin-left:10px}.signUpLink a{color:#90ee90;text-decoration:none}.signUpLink a:hover{color:green;text-decoration:underline}.signUpLink a:active{color:red}.valid{color:green}.hide{display:none}.invalid{color:red}.offscreen{display:none}.offscreeTtext{color:#fff;background-color:#333;border-radius:6px;display:flex;margin-top:5px}.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}.postData{font-family:.75rem;margin-top:.25rem}.PostBody{margin:1rem 0}.newPostForm{display:flex;flex-direction:column}.newPostForm input{padding:1rem;border-radius:7px;font-size:30px;font-weight:600;font-family:sans-serif}.newPostForm label{margin-top:1rem}.newPostForm textarea{width:100%;min-height:88px;font-size:1rem;padding:.7rem;font-size:30px;font-weight:700;font-family:sans-serif;border-radius:.25rem;outline:none}.newPostForm textarea{height:100px;border:2px solid #000}.newPostForm button{margin-top:1rem;height:48px;min-width:48px;border-radius:10px;padding:.5rem;font-size:1rem;font-weight:600;font-family:sans-serif;cursor:pointer}.newPostForm button:hover{background-color:#c3ecc3}.newPostForm button:active{background-color:#069806}.About p,.PostPage p,.Missing p,.NewPost p{margin-top:1rem}.PostPage button{height:48px;min-width:48px;border-radius:8.3px;padding:.5rem;margin-left:1rem;font-size:1rem;color:#fff;cursor:pointer}.deleteBtn{background-color:red}.editBtn{background-color:#333}.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 ul .nowrap{flex-wrap:nowrap;flex-flow:nowrap}.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}}@media only screen and (min-width: 992px){.Header svg{font-size:3rem}}