.App{margin:0;padding:0;background-color:#fff;overflow-x:hidden}body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}.postParent{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0;margin:0;height:100%;color:#000}.warning{display:flex;justify-content:center;padding-top:30vh;font-size:3vh}.horizontal{display:flex;align-items:start}.postContainer{display:flex;flex-direction:column;background-color:#eee;border:1px rgb(255,255,255) solid;margin:3vw;padding:1vw 2vw;width:50vw;height:auto;position:relative}.profilePost{display:flex;flex-direction:row;justify-content:start}.profilePost p{font-size:1.5vh;color:#000;font-weight:bolder;cursor:pointer}.profilePost img{width:3vw;height:3vw;border-radius:1.5vw;margin-right:1.5vh;margin-bottom:2vh;border:solid white 3px;cursor:pointer}.postDetails{display:flex;flex-direction:column;align-items:start}.timestamp{position:absolute;top:3vh;right:3vh;font-size:1.7vh}.postDetails h1{font-size:1.7vh;font-weight:400}.postDetails p{font-size:1.5vh;color:#585858}.postImg{width:100%;height:100vh;overflow:hidden}.postImg img{width:100%;height:100%;object-fit:cover;object-position:center}.commentChild{margin-left:5vh;margin-right:3vh}@media only screen and (max-width: 768px){.postImg{height:auto!important}.postImg img{height:25vh}.warning{font-size:2vh}.profilePost p{font-size:1vh;margin-top:2.5vw;margin-top:1vw}.profilePost img{margin-top:.8vw;width:4vw;height:4vw;border-radius:2vw;margin-bottom:0}.postDetails h1{font-size:1.5vh;margin-top:1vw;margin-bottom:0}.timestamp{font-size:.8vh;top:.5vh;right:.5vh}.postDetails p{font-size:1vh;margin:.5vw 0 2vw 2vw}.addComment{font-size:1vh}.commentSection h3{font-size:1.4vh!important}.commentSection p,.commentSection input,.commentSection button{font-size:1vh!important}.likeCount{font-size:1vh;margin:2vw}.commentBtn{padding:.2vw .5vw!important;font-size:2.3vw!important;border:1px solid rgb(110,110,110)!important}.commentBtn:hover{background-color:#bbb;color:#fff}.commentSection{padding:1.5vh;margin-top:2vh!important}.commentSection h3{font-size:1.5vh}.commentSection p{font-size:1.2vh}.commentSection input{padding:.5vh!important;font-size:1.2vh;margin-bottom:1.5vh;width:90%}.commentSection button{width:90%;padding:.1vh!important;font-size:2vw!important}.likeCount{font-size:1.2vh}.likesComment .likes button{width:2vw}.commentChild{margin-left:1vh;margin-right:.5vh}}.likesComment{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;padding-top:1vw}.likesComment .likes{display:flex}.likes button{border:none;width:1vw;background:none;cursor:pointer}.likeCount{padding-left:1vw}.commentBtn{font-size:.8vw;padding:.2vw .5vw!important;border:1px solid black}.commentBtn:hover{background-color:#bbb;color:#fff}.commentSection{display:flex;flex-direction:column;border:1px gray solid;padding:2vw;align-items:start;justify-content:start;margin-right:2vw;margin-top:7vh}.scrollbox{width:37vw;border:gray bottom solid 1px;overflow-y:auto;overflow-x:hidden;color:#000!important}.commentSection h3{font-size:2vh}.commentSection p{font-size:1.5vh}.commentSection input{padding:1vh;font-size:1.5vh;margin-bottom:2vh;width:30vw}.commentSection button{font-size:1.5vh;width:30vw}.commentSection img{width:2vw;border-radius:1vw}.scrollbox::-webkit-scrollbar{width:12px}.scrollbox::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px}.scrollbox::-webkit-scrollbar-thumb{background:gray;border-radius:8px}.scrollbox::-webkit-scrollbar-thumb:hover{background:gray}.comments p{align-content:baseline;word-wrap:break-word;white-space:normal;overflow-wrap:break-word}.loginBtn{display:flex;align-items:center;justify-content:center;padding-top:20vh}.login-with-google-btn{transition:background-color .3s,box-shadow .3s;width:30vh;padding:12px 16px 12px 42px;border:none;border-radius:3px;box-shadow:0 -1px #0000000a,0 1px 1px #00000040;color:#757575;font-size:14px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);background-color:#fff;background-repeat:no-repeat;background-position:12px 11px}.login-with-google-btn:hover{box-shadow:0 -1px #0000000a,0 2px 4px #00000040}.login-with-google-btn:active{background-color:#eee}.login-with-google-btn:focus{outline:none;box-shadow:0 -1px #0000000a,0 2px 4px #00000040,0 0 0 3px #c8dafc}.navbar{width:100%;background-color:#2f2f2f;height:6vh;display:flex;align-items:center;justify-content:space-between;color:#fff}.links{text-decoration:none;width:100%;display:flex;justify-content:center}.links a{margin-left:3vh;text-decoration:none;color:#fff;font-size:2vh}.profNav{display:flex;align-items:center;justify-content:center;width:100%;cursor:pointer}.profNav img{width:3vh;height:3vh;border-radius:1.5vh;margin-right:1vh}.profNav p{font-size:2vh}@media only screen and (max-width: 768px){.links a{font-size:1.3vh;margin-left:2vh}.profNav p{font-size:1.5vh}}.create-post{display:flex;justify-content:center;flex-direction:column;align-items:center;font-size:2vh}.createPost{border:gray 1px solid;padding:2vh;font-size:2vh;margin-top:10vh}.createPost input{font-size:2vh;width:100%}.createPost button{width:100%;font-size:2vh}.user img{width:30vh;height:30vh;border-radius:50%}.userInfo{border:2px gray solid;padding:5vh}button{justify-content:center;align-items:center;width:100%}.user{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center;padding-top:4vh;cursor:pointer}.user img{width:30vh;height:30vh;border-radius:50%;display:flex;align-items:center;justify-content:center}.userInfo{border:2px gray solid;padding:5vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.userInfo p{font-size:2.5vh}