:root{--primary-color: #ffb22c;--secondary-color: #f7f7f7;--button-color: #854836}@font-face{font-family:Poppins;src:url(/assets/Poppins-Regular-CTKNfV9P.ttf) format("truetype"),url(/assets/Poppins-Bold-qTAUjFF7.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Inter;src:url(/assets/Inter_18pt-Regular-BpskOkD5.ttf) format("truetype"),url(/assets/Poppins-Bold-qTAUjFF7.ttf) format("truetype");font-weight:400;font-style:normal}*{padding:0;margin:0;border:0;box-sizing:border-box}body{font-family:Inter,sans-serif;font-weight:400;font-size:1rem;color:#333;line-height:1.6;background-color:var(--secondary-color);margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-weight:700;color:#222}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{font-family:Inter,sans-serif;font-weight:400;font-size:1rem;color:#444;margin-bottom:1rem}body,h1,h2,h3,h4,h5,h6,p{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.home{padding:10px;min-height:80vh}.home .search-cont{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px;flex-wrap:wrap}.home .search-cont>.head-cat{display:flex;align-items:center;justify-content:start;column-gap:10px;flex-wrap:wrap}.home .search-cont>.head-cat>div{display:flex;align-items:center;justify-content:start;gap:10px}.home .search-cont>.head-cat>div>span{cursor:pointer;font-size:12px;font-weight:700;padding:3px 5px;border-radius:10px;background-color:#fff;box-shadow:2px 2px 2px gray;display:flex;width:min-content;align-items:center;justify-content:center;gap:5px}.home .search-cont>.head-cat>div>span>div{color:var(--button-color);font-size:medium;cursor:pointer;display:flex;align-items:center;justify-content:center}.home .search-cont>input{padding:10px;border-radius:10px;outline:0;box-shadow:3px 3px 3px gray}.home .posts-container{margin:20px 0}.home .posts-container .post-card{background:#f4f4f4;padding:15px;margin:15px 0;border-radius:8px}.home .posts-container .post-card>.head{display:flex;align-items:start;justify-content:space-between;gap:10px}.home .posts-container .post-card>.code-container{display:flex;flex-direction:column;gap:0;align-items:center;justify-content:center}.home .posts-container .post-card>.code-container>*{width:100%}.home .posts-container .post-card>.code-container>button{padding:10px;background-color:gray;border-radius:0 0 10px 10px;color:#fff;cursor:pointer;font-weight:700;transform:translateY(-8px)}.home .posts-container .post-card>.code-container>button:hover{box-shadow:2px 2px 2px gray}.home .posts-container .post-card>.code-container>.short{height:150px;overflow:hidden}.home .posts-container .post-card>.head .like-cont{cursor:pointer;padding:3px 5px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:x-large;color:var(--button-color)}.home .posts-container .post-card>.head .like-cont:hover{box-shadow:3px 3px 3px gray}.home .posts-container .post-card>.head .like-cont>span{font-size:medium}.home .posts-container .post-card>.head>div{display:flex;align-items:center;justify-content:center;gap:10px}.home .posts-container .post-card>.head>div>button{padding:7px 12px;color:#f4f4f4;background-color:var(--button-color);border-radius:10px;cursor:pointer}.home .posts-container .post-card>.head>div>button:hover{box-shadow:3px 3px 3px gray}.home .posts-container .post-card h5{margin-bottom:5px}.home .posts-container .post-card .category{font-size:14px;color:#555;margin-bottom:10px}.home .posts-container .post-card .code-block{background:#282c34;color:#fff;padding:10px;border-radius:5px;overflow-x:auto;margin-bottom:10px}.navbar{background-color:var(--primary-color);padding:10px 10%;display:flex;align-items:center;justify-content:space-between}.navbar>div{display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}.navbar img{width:70px}.navbar .nav-btn{background-color:var(--button-color);color:var(--secondary-color);padding:10px 15px;border-radius:12px;cursor:pointer;transition:all .3s ease}.navbar .nav-btn:hover{box-shadow:3px 3px 3px gray;font-weight:700}.navbar .right-cont{display:flex;align-items:center;justify-content:center;gap:10px}.navbar .right-cont>.create-btn{cursor:pointer;padding:10px 12px;border-radius:10px;color:#f0f8ff;background-color:var(--button-color);font-weight:700}.navbar .right-cont>.create-btn:hover{box-shadow:3px 3px 3px gray}.navbar .profile-svg{position:relative;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--button-color)}.navbar .profile-svg svg{font-size:larger;color:#f0f8ff}.navbar .profile-svg>.profile-option{display:none;background-color:var(--secondary-color);border-radius:10px;box-shadow:3px 3px 3px gray;padding:10px;position:absolute;bottom:0;transform:translateY(90%);right:0}.navbar .profile-svg>.profile-option>h6{padding:5px}.navbar .profile-svg>.profile-option>.link:hover{background-color:#c5bdbd}.navbar .profile-svg:hover{box-shadow:3px 3px 3px gray}.navbar .profile-svg:hover>.profile-option{display:block}@media (max-width: 500px){.navbar{padding:10px}.navbar img{width:40px}.navbar div{gap:0}.navbar>div>h2{font-size:medium}.navbar .nav-btn{padding:7px 10px}.navbar .right-cont>.create-btn{padding:7px 10px;font-size:13px}.navbar .profile-svg{width:35px;height:35px}.navbar .profile-svg svg{font-size:large}}.footer{background-color:var(--primary-color);padding:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:15px;gap:5px}.footer>p{color:gray;font-size:small;margin:0}.footer>p>a{color:var(--button-color);font-weight:700;text-decoration:none;cursor:pointer}.footer>p>a:hover{text-decoration:underline}.footer>.foot-links{display:flex;align-items:center;justify-content:center;gap:15px}.footer>.foot-links>a{color:#000;font-size:medium;cursor:pointer;transition:all .4s ease}.footer>.foot-links>a:hover{color:var(--button-color)}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.skeleton-card{padding:16px;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a}.skeleton-title,.skeleton-line{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear;border-radius:4px}.skeleton-title{height:20px;width:70%;margin-bottom:12px}.skeleton-line{height:14px;width:100%;margin-bottom:8px}.sign-in{display:flex;min-height:80vh;align-items:center;justify-content:center;padding:20px;gap:15px}.sign-in>section{max-width:500px}.sign-in>.text-field{flex:1;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-direction:column}.sign-in>.text-field img{width:100px}.sign-in>.text-field>div{display:flex;align-items:center;justify-content:center;gap:5px}.sign-in>.input-field{flex:1;padding:10px}.sign-in>.input-field>form{display:flex;flex-direction:column;gap:25px;align-items:center;justify-content:center}.sign-in>.input-field>form>div{width:100%;max-width:300px;display:flex;align-items:center;justify-content:center;gap:10px}.sign-in>.input-field>form>div>label{width:min-content;font-weight:700}.sign-in>.input-field>form>div>input{flex:1;padding:10px;border-radius:10px;box-shadow:3px 3px 3px gray;outline:0}.sign-in>.input-field>form>button{background-color:var(--button-color);padding:10px;font-weight:700;color:var(--secondary-color);border-radius:10px;width:100%;max-width:300px;cursor:pointer}.sign-in>.input-field .forgot-password{margin-top:10px;width:100%;max-width:300px;text-align:center}.sign-in>.input-field .forgot-password>a{color:var(--button-color)}@media (max-width: 700px){.sign-in{gap:0;flex-direction:column}}@media (max-width: 370px){.sign-in>.text-field img{width:70px}.sign-in>.text-field>div>h2{font-size:x-large}.sign-in>.input-field>form>h3{font-size:larger}}.sign-up{display:flex;min-height:80vh;align-items:center;justify-content:center;padding:20px;gap:15px}.sign-up>section{max-width:500px}.sign-up>.text-field{flex:1;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-direction:column}.sign-up>.text-field img{width:100px}.sign-up>.text-field>div{display:flex;align-items:center;justify-content:center;gap:5px}.sign-up>.input-field{flex:1;padding:10px}.sign-up>.input-field>form{display:flex;flex-direction:column;gap:25px;align-items:center;justify-content:center}.sign-up>.input-field>form>div{width:100%;max-width:300px;display:flex;align-items:center;justify-content:center;gap:10px;position:relative}.sign-up>.input-field>form>div>p{position:absolute;left:0;text-align:center;bottom:-40px;width:100%;font-size:small;color:red}.sign-up>.input-field>form>div>label{width:min-content;font-weight:700}.sign-up>.input-field>form>div>input{flex:1;padding:10px;border-radius:10px;box-shadow:3px 3px 3px gray;outline:0}.sign-up>.input-field>form>button{background-color:var(--button-color);padding:10px;font-weight:700;color:var(--secondary-color);border-radius:10px;width:100%;max-width:300px;cursor:pointer}@media (max-width:700px){.sign-up{flex-direction:column;gap:0}}@media (max-width:370px){.sign-up>.text-field img{width:70px}.sign-up>.text-field>div>h2{font-size:x-large}.sign-up>.input-field>form>h3{font-size:larger}}.verify-acc{min-height:80vh;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px}.verify-acc>section{flex:1;max-width:500px}.verify-acc>.input-section>form{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:start;margin-bottom:15px}.verify-acc>.input-section>form>*{width:100%;max-width:400px}.verify-acc>.input-section>form>div{display:flex;align-items:center;justify-content:end;gap:5px}.verify-acc>.input-section div>input{padding:10px;outline:0;box-shadow:3px 3px 3px gray;border-radius:10px}.verify-acc>.input-section>form>.email-cont>input{flex:1}.verify-acc>.input-section div>label{width:fit-content}.verify-acc button{background-color:var(--button-color);color:var(--secondary-color);cursor:pointer;padding:10px;border-radius:10px;box-shadow:3px 3px 3px gray}.verify-acc button:hover{font-weight:700;box-shadow:3px 3px 3px gray}.verify-acc>.input-section>form .doLater{cursor:pointer;color:var(--button-color);display:flex;align-items:center;gap:20px;width:100%;justify-content:space-between}.verify-acc>.input-section>form .doLater>div{cursor:pointer;color:var(--button-color);display:flex;align-items:center;gap:10px}.verify-acc>.input-section>form .doLater>p{margin:0}.verify-acc>.input-section>form .hide{opacity:.5}@media (max-width: 750px){.verify-acc{flex-direction:column;padding:30px 20px}}.forgot-pass{min-height:80vh;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px}.forgot-pass>section{flex:1;max-width:500px}.forgot-pass>.input-section>form{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:start;margin-bottom:15px}.forgot-pass>.input-section>form>*{width:100%;max-width:400px}.forgot-pass>.input-section>form>div{display:flex;align-items:center;justify-content:end;gap:5px}.forgot-pass>.input-section>form>.pass-cont{display:flex;align-items:center;justify-content:start;gap:5px}.forgot-pass>.input-section>form>.pass-cont>input{flex:1}.forgot-pass>.input-section div>input{padding:10px;outline:0;box-shadow:3px 3px 3px gray;border-radius:10px}.forgot-pass>.input-section>form>.email-cont>input{flex:1}.forgot-pass>.input-section div>label{width:fit-content}.forgot-pass button{background-color:var(--button-color);color:var(--secondary-color);cursor:pointer;padding:10px;border-radius:10px;box-shadow:3px 3px 3px gray}.forgot-pass button:hover{font-weight:700;box-shadow:3px 3px 3px gray}.forgot-pass>.input-section>form .doLater{cursor:pointer;color:var(--button-color);display:flex;align-items:center;gap:20px;width:100%;justify-content:space-between}.forgot-pass>.input-section>form .doLater>div{cursor:pointer;color:var(--button-color);display:flex;align-items:center;gap:10px}.forgot-pass>.input-section>form .doLater>p{margin:0}.forgot-pass>.input-section>form .hide{opacity:.5}@media (max-width: 750px){.forgot-pass{flex-direction:column;padding:30px 20px}}.create-post{min-height:80vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.create-post>form{width:100%;max-width:600px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;padding:10px}.create-post>form>*{width:100%;padding:20px}.create-post>form>textarea{border-radius:15px;box-shadow:3px 3px 3px gray;outline:0}.create-post>form>div{display:flex;align-items:center;justify-content:center;gap:20px;padding:10px}.create-post>form>div>input{flex:1;padding:10px;border-radius:15px;box-shadow:3px 3px 3px gray;outline:0}.create-post>form>div>select{padding:10px;border-radius:15px;box-shadow:3px 3px 3px gray;outline:0}.create-post>form>button{background-color:var(--button-color);color:#f0f8ff;font-weight:700;border-radius:15px;cursor:pointer;padding:10px}.create-post>form>button:hover{box-shadow:3px 3px 3px gray}