.App{text-align:center}body{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}nav{align-items:center;background-color:#000;display:flex;height:80px;justify-content:center;margin:0;width:100%}a,nav{color:#fff;text-decoration:none}a{font-size:25px;margin:10px}.createPostPage{display:grid;height:calc(100vh - 80px);place-items:center;width:100%}.cpContainer{background-color:#000;border-radius:12px;color:#fff;display:flex;flex-direction:column;height:auto;padding:20px;width:500px}.cpContainer h1{text-align:center}.cpContainer label{font-size:25px}.cpContainer .inputGp{display:flex;flex-direction:column;margin-top:30px}.inputGp input,.inputGp textarea{border:none;border-radius:2px;font-size:18px;padding:5px}.inputGp input{height:40px}.inputGp textarea{height:150px}.cpContainer button{border:none;border-radius:5px;cursor:pointer;font-size:18px;height:40px;margin-top:20px}input,textarea{margin-top:5px}.loginPage{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 80px);justify-content:center;width:100vw}.loginPage p{font-size:30px}.login-with-google-btn{background-color:#fff;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJtMTcuNiA5LjItLjEtMS44SDl2My40aDQuOEMxMy42IDEyIDEzIDEzIDEyIDEzLjZ2Mi4yaDNhOC44IDguOCAwIDAgMCAyLjYtNi42eiIgZmlsbD0iIzQyODVGNCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTkgMThjMi40IDAgNC41LS44IDYtMi4ybC0zLTIuMmE1LjQgNS40IDAgMCAxLTgtMi45SDFWMTNhOSA5IDAgMCAwIDggNXoiIGZpbGw9IiMzNEE4NTMiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik00IDEwLjdhNS40IDUuNCAwIDAgMSAwLTMuNFY1SDFhOSA5IDAgMCAwIDAgOGwzLTIuM3oiIGZpbGw9IiNGQkJDMDUiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDMuNmMxLjMgMCAyLjUuNCAzLjQgMS4zTDE1IDIuM0E5IDkgMCAwIDAgMSA1bDMgMi40YTUuNCA1LjQgMCAwIDEgNS0zLjd6IiBmaWxsPSIjRUE0MzM1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNMCAwaDE4djE4SDB6Ii8+PC9nPjwvc3ZnPg==);background-position:12px 11px;background-repeat:no-repeat;border:none;border-radius:3px;box-shadow:0 -1px 0 #0000000a,0 1px 1px #00000040;color:#757575;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe\ UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira\ Sans,Droid\ Sans,Helvetica\ Neue,sans-serif;font-size:25px;font-weight:500;padding:5px 16px 12px 42px;transition:background-color .3s , box-shadow .3s}.login-with-google-btn:hover{box-shadow:0 -1px 0 #0000000a,0 2px 4px #00000040}.login-with-google-btn:active{background-color:#eee}.login-with-google-btn:focus{box-shadow:0 -1px 0 #0000000a,0 2px 4px #00000040,0 0 0 3px #c8dafc;outline:none}.login-with-google-btn:disabled{background-color:#ebebeb;box-shadow:0 -1px 0 #0000000a,0 1px 1px #00000040;cursor:not-allowed;filter:grayscale(100%)}.homePage{align-items:center;display:flex;flex-direction:column;height:auto;min-height:calc(100vh - 80px);padding-top:20px;width:100%}.homePage .post{background-color:#fafafa;border-radius:15px;box-shadow:0 3px 8px #0000003d;height:auto;margin:20px;max-height:600px;padding:20px;width:600px}.post .postHeader{display:flex;justify-content:center;width:100%}.postHeader .title{flex:50% 1}.postHeader .deletePost{align-items:flex-end;display:flex;flex:50% 1;flex-direction:column}.deletePost button{background:none;border:none;cursor:pointer;font-size:30px}.post .postTextContainer{word-wrap:break-word;height:auto;max-height:400px;overflow:hidden;overflow-y:auto;width:100%}