:root{--lightGrey:#fafafa;--white:#fff;--black:#000;--darkGrey:#dbdbdb;--grey:#3a3a3a;--cursiveFont:"Cookie",cursive}*{box-sizing:border-box;font-family:Poppins,sans-serif;font-weight:400;margin:0;padding:0}.navbar__page{bottom:0;height:100vh;left:0;position:fixed;top:0;z-index:10}.pages__container{position:relative;z-index:2}.main__content__container{background-color:#000;background-color:var(--black)}.main__content{height:100vh;padding:1rem 0;width:100%}@media screen and (min-width:1024px){.main__content{margin-left:auto;padding:2rem;width:calc(100vw - 230px)}}.navbar{display:none}.mobile__navbar{background-color:var(--black);border-top:1px solid var(--darkGrey);bottom:0;left:0;padding:.5rem 1rem;position:fixed;width:100%}.mobile__nav__link__container{background-color:transparent;border-radius:10px;cursor:pointer;padding:.2rem .4rem;transition:all .3s ease}.mobile__nav__link__container:hover{background-color:var(--white)}.mobile__nav__link__container:hover .mobile__nav__link__icon{color:var(--black)}.mobile__nav__links{display:flex;justify-content:space-between;margin:0 auto;width:90%}.mobile__nav__link__icon{color:var(--white);font-size:1.5rem}@media screen and (min-width:768px){.mobile__nav__links{margin:0 auto;width:70%}}@media screen and (min-width:1024px){.mobile__navbar{display:none}.navbar{background-color:var(--black);border-right:1px solid var(--darkGrey);display:flex;height:100vh;position:relative;width:240px}.navbar__container{overflow:hidden;overflow-y:auto;padding:2rem 0 2rem 1.5rem;width:100%}.nav__title__container{margin-bottom:3rem;transition:all .3s ease}.nav__title{color:var(--white);font-family:var(--cursiveFont);font-size:2rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.nav__title:hover{font-size:2.3rem}.nav__links{margin-bottom:3rem}.nav__link__container{align-items:center;border-radius:20px;color:var(--white);cursor:pointer;display:flex;margin-bottom:2rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease;width:60%}.nav__link__container:hover{background-color:var(--darkGrey);color:var(--black)}.nav__link__icon{align-items:center;display:flex;font-size:1.8rem;margin-right:.5rem}.nav__link{font-family:Montserrat,sans-serif;font-weight:400}}.login{align-items:center;color:var(--white);display:flex;height:100%;justify-content:center}.login__card h2{font-family:var(--cursiveFont);font-size:2.5rem;font-weight:lighter}.login__card h4{font-size:1rem;font-weight:400;margin-bottom:1rem}.login__card{background-color:var(--black);border-radius:20px;flex-direction:column;padding:2rem;width:95%}.google__card,.login__card{align-items:center;display:flex}.google__card{background-color:transparent;border:1px solid var(--white);border-radius:8px;color:var(--white);cursor:pointer;padding:.5rem 2rem;transition:all .3s ease}.google__card:hover{background-color:var(--white);border:1px solid var(--white);color:var(--black)}.google__icon img{height:25px}.google__icon{align-items:center;display:flex;margin-right:.5rem}@media screen and (min-width:768px){.login__card{width:60%}}@media screen and (min-width:1024px){.login__card{max-width:900px}.login__card h2{font-family:Cookie,cursive;font-size:4rem;font-weight:lighter}.login__card h4{font-size:1.3rem;margin-bottom:2rem}.google__card{align-items:center;background-color:transparent;border-radius:8px;cursor:pointer;display:flex;padding:1rem 4rem;transition:all .3s ease}}.home{background-color:var(--black);border:1px solid var(--grey);color:var(--white);height:calc(100vh - 80px);margin:0 auto;overflow:hidden;position:relative;top:0;width:95%;z-index:1}.postCardContainer::-webkit-scrollbar{display:none}.postCardContainer{height:90%;overflow:hidden;overflow-y:auto}.postCard{border-bottom:1px solid var(--grey);padding:.7rem 1rem}.topCardContainer{display:flex;justify-content:space-between}.authorContainer{align-items:center;display:flex;margin-bottom:.5rem}.imageContainer{border:1px solid var(--grey);border-radius:50%;height:30px;margin-right:.5rem;overflow:hidden;width:30px}.profileImage{height:100%;width:100%}.postAuthor{font-size:90%}.postAuthorFull{color:grey;font-size:80%;margin-left:.5rem}.trashIcon{cursor:pointer;transition:all .3s ease}.trashIcon:hover{color:red;font-size:1.1rem}.post{font-size:80%;margin-top:.5rem}.postTitle{text-transform:capitalize;width:100%}.homeTitleContainer{border-bottom:1px solid var(--grey);display:flex;justify-content:center;padding:.3rem}.homeTitle{color:var(--white);font-family:var(--cursiveFont);font-size:2rem}@media screen and (min-width:768px){.home{height:100%;margin:auto;max-width:800px;width:70%}.homeTitle{font-size:3rem}.postTitle{width:80%}}.createPost{display:flex;justify-content:center}.createPostCard{background-color:var(--black);border-radius:10px;color:var(--white);padding:1rem;width:95%}.cardTitle{align-items:center;display:flex;flex-direction:column;margin-bottom:3rem}.createPostCard h2{font-family:var(--cursiveFont);font-size:3rem}.createPostCard h4{font-size:1.2rem}.cardContent{margin:auto;width:90%}.inputContainer{display:flex;flex-direction:column;margin-bottom:2rem}.inputContainer label{font-family:var(--cursiveFont);font-size:1.5rem;letter-spacing:1.5px;margin-bottom:.5rem}.inputContainer input,.inputContainer textarea{background-color:var(--white);border:none;border-radius:4px;color:var(--black);font-size:90%;line-height:1.5;outline:none;padding:.5rem}.cardButtonContainer{display:flex;justify-content:center}.cardButton{background-color:#000;border:1px solid var(--white);border-radius:20px;color:var(--white);cursor:pointer;font-weight:700;letter-spacing:.7px;outline:none;padding:.7rem 2rem;text-transform:uppercase;transition:all .3s ease}.cardButton:hover{background-color:var(--white);color:var(--black)}@media screen and (min-width:768px){.createPostCard{width:60%}}@media screen and (min-width:1024px){.createPostCard{max-width:700px;width:70%}.createPostCard h2{font-size:4rem}.createPostCard h4{font-size:1.5rem}.cardContent{margin:auto;width:80%}.inputContainer label{font-size:2rem}.inputContainer input,.inputContainer textarea{font-size:1.1rem;padding:.7rem}.inputContainer textarea{height:150px}.inputContainer textarea::-webkit-scrollbar{display:none}}
/*# sourceMappingURL=main.228fdc21.css.map*/