@import url(https://fonts.googleapis.com/css2?family=Calligraffitti&display=swap);@import url(https://fonts.googleapis.com/css2?family=Courgette&display=swap);@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@300&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.footer{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 1rem}.footer span{color:#fff}.footer-active-navigator{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 48}.Navbar{align-items:center;display:flex;justify-content:space-between}.Navbar h1{color:#000;font-family:Calligraffitti,cursive;font-size:25px;font-weight:800}.Navbar input[type=search]{background-color:#f5f5f5;border-radius:5px;height:30px;padding:0 0 0 12px;width:50vw}.Navbar input[type=search]::-webkit-input-placeholder{text-align:center}.Navbar input[type=search]::-webkit-search-cancel-button{display:none}.navigator span{cursor:pointer;font-size:25px;margin-left:1rem}.active-navigator{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 48}@media screen and (max-width:750px){.navigator{display:none}}form{display:flex;flex-direction:column;margin:auto;width:70%}form label:first-child{margin-top:2rem}form label{font-weight:700;margin-bottom:.5rem}form input[type=text]{border:1px solid #000;border-radius:5px;height:30px;padding:5px}form p{color:red;margin-bottom:1rem}form textarea{height:30px;height:100px;max-height:200px;max-width:100%;min-height:100px;min-width:100%}.form_button,form textarea{border:1px solid #000;border-radius:5px;padding:5px}.form_button{background-color:#000;color:#fff;margin-bottom:1rem;position:relative;width:100px}form button:hover{background-color:#fff;color:#000}.Add_Post{align-items:center;justify-content:center}.Add_Post h6{background-color:#000;border:2px solid #000;border-radius:5px;color:#fff;font-size:15px;margin-right:12%;margin-top:1rem;padding:5px;position:absolute;right:0;top:0}.Add_Post h6:hover{background-color:#fff;color:#000}@media screen and (max-width:425px){.Add_Post h6{font-size:10px;margin-right:12%;margin-top:.4rem;padding:5px}}.Post_container{word-wrap:break-word;background-color:#fff;border:2px solid #888;border-radius:5px;box-shadow:6px 7px 6px 1px #888;margin:1.5rem auto auto;padding:20px;width:80%}.Post_content{display:flex;flex-direction:column}.Post_content input{font-size:large;font-weight:700;height:40px;width:100%}.Post_content input,.Post_content textarea{background-color:#fff;border:none;border-bottom:1px solid #000;border-radius:5px;margin-bottom:1rem;padding:5px}.Post_content textarea{height:30px;max-height:200px;max-width:100%;min-height:80px;min-width:100%}.Post_profile_edit{justify-content:space-between}.Post_profile_edit,.Post_profile_image{align-items:center;display:flex}.Post_profile_image h5{background-color:#eee;border-radius:700px;margin-right:.3rem}.Post_content p{margin-bottom:1rem}.Post_footer{justify-content:space-between}.Post_footer,.Post_time{align-items:center;display:flex;flex-direction:row}.Post_time p{font-size:12px;margin-left:15px}.Post_time p:first-child{margin-left:0}.Post_functions{align-items:center;display:flex}.Post_functions span{margin-left:.5rem}.Post_functions button{background-color:#000;border:1px solid #000;border-radius:5px;color:#fff;padding:5px;width:60px}.Post_functions button:hover{background-color:#fff;color:#000}.bookmarked,.liked{cursor:pointer;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 48}.liked{color:red}.Profile_name{align-items:center;background-color:#fff;border-radius:5px;box-shadow:0 3px 16px #888;display:flex;font-size:2rem;margin:2rem auto 1.5rem;padding-left:2%;width:80%}.Profile_name h4{align-items:center;background-color:#f0f8ff;border:2px solid #000;border-radius:50%;height:50px;margin-right:.8rem;text-align:center;width:50px}.Profile_name h1{font-family:Courgette,cursive}.Profile_container h2{text-align:center}@media screen and (max-width:425px){.Profile_name h4{font-size:1.1rem;height:30px;width:30px}.Profile_name h1{font-size:2rem}}@media screen and (max-width:375px){.Profile_name h4{font-size:1.1rem;height:30px;width:30px}.Profile_name h1{font-size:2rem}}.Liked_Post{align-items:center;background-color:#fff;border-radius:5px;box-shadow:0 3px 16px #888;display:flex;justify-content:center;margin:2rem auto auto;width:80%}.Liked_Post span,h3{font-size:2rem;text-align:center}.Liked_Post span{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 48}.Liked_Post h3{margin-left:10px}@media screen and (max-width:425px){.Liked_Post span,h3{font-size:1.5rem}}*{box-sizing:border-box;margin:0;padding:0}.App{background-color:#f5f5f5;min-height:100vh;position:relative}.App nav{background-color:#fff;box-shadow:0 3px 16px #888;padding:.5rem 1rem}.App section{padding-bottom:1.5rem;position:relative}.App footer{background-color:#000;bottom:0;display:none;height:9vh;position:fixed;width:100%}@media screen and (max-width:750px){.App footer{display:inline-block}.App section{padding-bottom:4rem}}.newUser{background-color:#f5f5f5;height:100vh;position:relative;width:100vw}.newUser_container{align-items:center;background-color:#fff;border:2px solid #000;border-radius:5px;display:flex;flex-direction:column;height:50vh;justify-content:center;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:33vw}.newUser h3{font-family:Oswald,sans-serif;margin-bottom:2rem}.newUser h4{position:relative}.newUser input{background-color:#f5f5f5;border:1px solid #000}.newUser button,.newUser input{border-radius:5px;height:5vh;padding:5px;width:29vw}.newUser button{background-color:#000;border:2px solid #000;color:#fff;font-size:15px;margin-top:.5rem}.newUser button:hover{background-color:#fff;color:#000}@media screen and (max-width:768px){.newUser_container{height:60vh;width:60%}.newUser h3{font-size:1.8rem;margin-bottom:1rem}.newUser button,.newUser input{width:90%}}@media screen and (max-width:450px){.newUser h3{font-size:1.2rem;margin-bottom:.8rem}.newUser h4{font-size:.7rem;margin-bottom:.5rem}.newUser_container{height:40vh;width:83vw}}
/*# sourceMappingURL=main.1a2cd1eb.css.map*/