@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@100;200;300;400;500;600;700;800;900&display=swap);*{box-sizing:border-box;font-family:Rubik,sans-serif;margin:0;padding:0}body,html{height:100vh}body{-ms-overflow-style:none;background:#e5f640;background:linear-gradient(90deg,#e5f640,#ff9d00);scrollbar-width:none}body::-webkit-scrollbar{display:none}.trending{-ms-overflow-style:none;overflow-y:scroll;scrollbar-width:none}.trending::-webkit-scrollbar{display:none}.post{word-wrap:break-word;border:1px solid #676767;border-radius:15px;display:flex;flex-direction:column;padding:15px 20px;width:70%}.post>.header1{align-items:center;display:flex;justify-content:space-between}.post>.header1>.title{font-size:19px;font-weight:500}.post>.header1>.likes{align-items:center;cursor:pointer;display:flex;font-size:19px;gap:2px}.post>.header1>.likes>img{height:25px}.post>.header1>.likes>.light{color:#676767}.post>.header1>.likes>.dark{color:#000}.post>.header2{display:flex;justify-content:space-between;margin-bottom:10px}.post>.header2>.author,.post>.header2>.date{color:#676767;font-size:14px;font-weight:500}.post>.body{font-size:18px}@media only screen and (max-width:1024px){.post{width:80%}}@media only screen and (max-width:768px){.post{width:90%}}@media only screen and (max-width:525px){.post{word-wrap:break-word;border-radius:10px;padding:5px 10px}.post>.header1>.title{font-size:14px;font-weight:500}.post>.header1>.likes{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:2px}.post>.header1>.likes>img{height:20px}.post>.header2{margin-bottom:5px}.post>.header2>.author,.post>.header2>.date{font-size:10px}.post>.body{font-size:12px}}.posts{align-items:center;gap:20px;margin:20px 0;width:100%}.nav,.posts{display:flex;flex-direction:column}.nav{border-right:1px solid #676767;padding:10px 0 0 20px}.nav>.logo{cursor:pointer;height:70px;margin-bottom:10px;width:70px}.nav>.credits{font-size:14px;margin:auto 0 0;text-align:left}.nav>.credits>div>a{color:#6b42ff;text-decoration:underline}@media only screen and (max-width:768px){.nav{padding:10px 0 10px 10px}.nav>.logo{height:60px;margin-left:-11px;width:60px}.nav>.credits>.creator{display:none}}.navItem{align-items:center;color:#676767;display:flex;gap:10px;margin:5px 0;text-decoration:none}.navItem>img{height:40px}.navItem>span{font-size:18px}.navItem>.light{color:#676767}.navItem>.dark{color:#000}.navItem>.active{color:#000;font-weight:700}@media only screen and (max-width:768px){.navItem>span{display:none}}.layout{display:grid;grid-template-columns:200px auto;height:100vh}@media only screen and (max-width:768px){.layout{grid-template-columns:60px auto}}.account{-ms-overflow-style:none;align-items:center;display:flex;flex-direction:column;margin-top:20px;overflow-y:scroll;scrollbar-width:none}.account::-webkit-scrollbar{display:none}.account>.displayName{font-size:24px;font-weight:600}.account>.username{color:#676767;font-size:18px;font-weight:500}.account>.metrics{display:flex;font-weight:500;gap:50px;margin-top:5px;text-align:center}.create{align-items:center;display:flex;flex-direction:column;margin-top:30px}.create>.header{font-size:24px;font-weight:500;letter-spacing:1px;margin-bottom:30px}.create>.status{color:red;font-size:18px;font-weight:500;margin-bottom:10px;text-align:center}.create>.desc,.create>.title{background-color:transparent;border:1px solid #676767;margin-bottom:10px;outline:0;padding:5px;width:60%}.create>.title{font-size:24px}.create>.desc{font-size:20px;height:50%;margin-bottom:30px;resize:vertical}.create>.upload{background-color:transparent;border:2px solid #000;border-radius:20px;color:#000;cursor:pointer;font-size:20px;font-weight:500;outline:0;padding:7.5px 24px;transition:all .5s}.create>.upload:hover{letter-spacing:2px;padding:7.5px 100px}@media only screen and (max-width:525px){.create>.desc,.create>.title{padding:0 5px;width:85%}.create>.title{font-size:18px}.create>.desc{font-size:14px}}.loginregister{align-items:center;display:flex;flex-direction:column;margin-top:30px}.loginregister>.header{font-size:24px;font-weight:500;letter-spacing:1px;margin-bottom:20px}.loginregister>.status{color:red;font-size:18px;font-weight:500;margin-bottom:10px;text-align:center}.loginregister>input{background-color:transparent;border:1px solid #676767;font-size:22px;margin-bottom:10px;outline:0;padding:5px 10px;width:50%}.loginregister>.submit{background-color:transparent;border:2px solid #000;border-radius:20px;color:#000;cursor:pointer;font-size:18px;font-weight:500;margin-top:20px;outline:0;padding:5.5px 20px;transition:all .5s}.loginregister>.submit:hover{letter-spacing:2px;padding:5.5px 70px}.loginregister>.change{display:flex;font-size:18px;font-weight:500;gap:5px;margin-top:10px}.loginregister>.change>.link{color:#09f;text-decoration:none}.loginregister>.change>.link:hover{text-decoration:underline}@media only screen and (max-width:1000px){.loginregister>input{width:70%}}@media only screen and (max-width:600px){.loginregister>input{padding:2px 5px;width:80%}}@media only screen and (max-width:450px){.loginregister>input{font-size:18px;padding:0 5px;width:90%}.loginregister>.change{font-size:14px}}
/*# sourceMappingURL=main.e6475f7c.css.map*/