*{margin:0;padding:0;box-sizing:border-box}h1,h2{font-family:Montserrat,Times New Roman}p{font-family:Roboto,Times New Roman}.AppBody{background-color:#d7e4e4;color:#000;min-height:100vh;padding-top:33px;height:fit-content;overflow-x:hidden;overflow-y:auto}.AppBody-dark{background-color:#151515;color:#fff;min-height:100vh;padding-top:33px;height:fit-content;overflow-x:hidden;overflow-y:auto}.head{position:relative;top:40px;left:20px;margin:0}.ch-head-bg{background-image:url(/wecoded-app/assets/app-gradient-min-CRLteHgk.webp);background-size:1800px;background-position:center}.ch-head-div{color:#000;padding:50px;justify-self:center;width:100%}.ch-head-div-dark{color:azure;padding:50px;justify-self:center;width:100%}.ch-head-border{display:flex;vertical-align:middle;align-items:center;border:5px solid black;padding:30px 60px;width:fit-content;justify-self:center}.ch-head-border-dark{display:flex;vertical-align:middle;align-items:center;border:5px solid azure;padding:30px 60px;width:fit-content;justify-self:center}.by-me{padding-top:10px}.ch-head{padding-top:10px;display:block;font-size:30px}.wecoded-heading{margin-top:50px;margin-left:40px}.wecoded-desc{margin-top:30px;width:75vw;line-height:30px;text-wrap:wrap}.create-entry{margin-top:20px;padding:15px 30px;border-radius:10px;cursor:pointer;background-color:#9d00e5;color:#fff;border:none}.create-entry:hover{padding:13px 28px;background-color:#8d00ce;transition-delay:.15s}.filter{margin-top:30px;margin-left:40px;margin-bottom:30px}.posts-wrapper,.posts-wrapper-dark{display:grid;grid-template-columns:1fr;height:600px;width:80vw;justify-self:center;justify-content:center;align-items:center;margin-bottom:100px;overflow-y:scroll}.post{height:280px;width:70vw;border-radius:20px;padding:20px;background-color:#fff;margin:20px 0;justify-self:center;justify-content:center;align-items:center;text-overflow:ellipsis;overflow-x:hidden;overflow-y:hidden;white-space:nowrap;transition-delay:.15s}.post:hover{box-shadow:0 0 20px 5px #9d00e5}.post-dark{height:280px;width:70vw;border-radius:20px;padding:20px;background-color:#2c2c2c;margin:20px 0;justify-self:center;justify-content:center;align-items:center;text-overflow:ellipsis;overflow-x:hidden;overflow-y:hidden;white-space:nowrap;transition-delay:.15s}.post-dark:hover{box-shadow:0 0 20px 5px #ccea71}.post-text{width:100%;overflow:hidden;padding:10px;border-radius:10px}.post-h2{color:#9d00e5;font-size:clamp(15px,4vw,25px);font-family:Roboto,sans-serif;font-weight:900;width:100%;display:block;overflow:hidden;text-overflow:ellipsis;text-decoration:none}.post-h2-dark{color:#ccea71;font-size:clamp(15px,4vw,25px);font-family:Roboto,sans-serif;font-weight:900;width:100%;display:block;overflow:hidden;text-overflow:ellipsis;text-decoration:none}.post-h2:hover,.post-h2-dark:hover{text-decoration:underline}.post-p{display:block;font-size:clamp(12px,2vw,15px);font-family:Lato,Times New Roman;width:90%;text-wrap:wrap;overflow-x:hidden;margin-top:20px;margin-left:30px}.created-at{margin-left:20px;margin-bottom:20px;color:gray;font-weight:700}.pfp-name{display:flex;vertical-align:middle;align-items:center;width:60vw;padding-top:5px;overflow:hidden}.pfp{height:clamp(30px,3vw,100px);width:clamp(30px,3vw,100px);border-radius:30px;border:1px solid black}.pfp-badge{position:relative;height:clamp(20px,3vw,60px);bottom:clamp(10px,1vw,70px);left:clamp(10px,1vw,70px)}.username{margin-left:15px;font-weight:600;width:60vw;display:block;overflow:hidden;text-overflow:ellipsis}.tags-div{display:flex;width:100%;vertical-align:top;overflow:hidden}.tag-container{display:flex;margin:20px;width:100%;overflow-x:hidden;flex-wrap:wrap;gap:5px 0px}.tag{margin:0 5px;height:fit-content;width:fit-content;background-color:#ccc;padding:5px 10px;border-radius:15px;font-size:clamp(10px,1vw,15px)}.tag-dark{margin:0 5px;height:fit-content;width:fit-content;background-color:#686868;padding:5px 10px;border-radius:15px;font-size:clamp(10px,1vw,15px)}.article{height:fit-content;width:75vw;padding:20px;background-color:#fff;margin:30px;line-height:25px;border-radius:20px}.article h2{margin-bottom:20px}.article p{overflow:hidden;text-wrap:wrap}.article-dark{height:fit-content;width:75vw;padding:20px;background-color:#2c2c2c;margin:30px;line-height:25px;border-radius:20px}.article-dark h2{margin-bottom:20px}.article-dark p{overflow:hidden;text-wrap:wrap}@media (max-width: 600px){.ch-head-border,.ch-head-border-dark{padding:20px}}.header{display:flex;padding:20px;vertical-align:middle;align-items:center;justify-content:space-between;position:fixed;top:0;z-index:2;height:70px;width:100%;background-color:#77f0ae}.header-dark{display:flex;padding:20px;vertical-align:middle;align-items:center;justify-content:space-between;position:fixed;top:0;z-index:2;height:70px;width:100%;background-color:#2c2c2c}.wecoded-logo{height:clamp(20px,6.6666666667vw,40px);vertical-align:middle}.theme-btn-div{display:flex;height:60px;margin-right:20px;align-items:center;vertical-align:middle;justify-self:end}.theme-btn{background-color:transparent;border:none;height:100%;width:30px;padding:0 30px;cursor:pointer}.dev{height:clamp(20px,5vw,40px)}.dev:hover{height:clamp(18px,5vw - 2px,38px)}.hidden{transform:translateY(-100%);transition:.5s ease-in-out}.visible{transform:translateY(0);transition:.5s ease-in-out}@media (max-width: 600px){.theme-btn-span{margin-right:30px}}.footer{display:grid;bottom:0;grid-template-columns:1fr 30vw;background-color:#151515;color:#fff;height:100px;width:100%;justify-content:space-between;align-items:center}.footer-dark{display:grid;bottom:0;grid-template-columns:1fr 30vw;background-color:#d7e4e4;color:#000;height:100px;width:100%}@media (max-width: 600px){.desk{display:none}}