@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;height:100%;width:100%}@media (min-width:601px){.nav-container{position:sticky;top:0;left:0;width:100%;padding:0 80px;height:80px;margin:0 auto;border-bottom:1px solid darkslategray;align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;background-color:#2f4f4f}.brand{color:#f5f5f5;font-weight:bolder;align-items:center;font-size:20px}nav ul{display:flex;color:#fff;gap:30px;align-items:center}nav button{background-color:#fff;color:#2f4f4f;padding:10px 20px;border-radius:12px;border:none;font-size:16px}nav button:hover{background-color:#35a872;color:#fff;padding:10px 20px;border-radius:12px;border:none;font-size:16px}footer{position:fixed;left:0;bottom:0;width:100%;height:fit-content;background-color:#2f4f4f;text-align:center;padding:4px;color:#fff}.home-content{display:flex;width:90%;align-items:center;margin:60px auto}.left{width:70%;padding-left:50px;border-left:8px dotted darkslategray}.right{width:30%;height:fit-content;padding:50px}.right img{width:100%;height:100%}.title-bolt{width:100%;font-weight:900;font-size:5vw;padding:10px 0 0;border-bottom:4px solid darkslategray;color:#2f4f4f}.title-disc{width:100%;margin:10px auto;font-size:2vw;font-weight:600;color:#2f4f4f}span{color:#000}.feed-btn{width:fit-content;margin-top:30px}button{width:100%;font-size:1.5vw;font-weight:600;background-color:transparent;border:none;background-color:#35a872;color:#fff;padding:12px;border-radius:40px}button:hover{background-color:#2f4f4f;border:none;color:#fff;width:100%;font-size:1.5vw;font-weight:600;padding:12px;border-radius:40px}.login-container-main{width:400px;height:fit-content;margin:30px auto 80px;background-color:#fff;padding:20px;border-radius:12px;box-shadow:#0000008f 0 22px 70px 4px}.login-container{width:450px;height:fit-content;margin:10vh auto;padding:20px;border-radius:12px;box-shadow:#32325d40 0 6px 12px -2px,#0000004d 0 3px 7px -3px}label{font-size:16px;color:#2f4f4f;font-weight:600}input{font-size:16px;padding:6px;width:100%;border:2px solid darkslategray;border-radius:10px;background-color:transparent}.input-tags{display:flex;flex-wrap:wrap}h2{text-align:center;margin-bottom:30px}.input-wrapper{width:100%;height:70px;margin:0 auto}.login-div{width:100%;text-align:center}.login-btn{margin-top:25px;width:50%;font-size:1vw;font-weight:600;background-color:#35a872;color:#fff;padding:12px;border-radius:40px}.login-btn:hover{background-color:#2f4f4f;width:50%;border:none;color:#f5f5f5;font-size:1vw;font-weight:600;padding:12px;border-radius:40px}.login-bottom-links{width:100%;text-align:center;margin:22px auto 0;color:#2f4f4f}.link-login{color:#35a872;font-weight:600;width:fit-content;text-decoration:none}.link-login:hover{color:#2f4f4f;font-weight:600;width:fit-content;text-decoration:none}.form-main-container{border:2px solid darkslategrey;border-radius:12px;width:90%;height:fit-content;margin:20px auto 150px}.left-form{height:fit-content;width:100%;padding:20px}.right-form{width:100%;height:fit-content;padding:0}.title-form-box{width:100%;height:fit-content;border:2px dashed lightslategray;border-radius:12px;display:flex;flex-wrap:wrap;align-items:center;background-color:#fff}.form-img img{width:80px;padding:10px;height:fit-content}.form-title-box{width:80%;padding:10px}.form-title{font-size:3vh;font-weight:600}.input-form-tags{width:100%;padding:10px 20px;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px 10px}.input-form{width:45vh}.input-form-tags label{color:#2f4f4f}.input-field{height:40px;background-color:#fff;color:#000;border:2px solid lightgray}.input-textarea{width:100%}textarea{width:100%;margin:4px 0;font-size:16px;color:#000;border:2px solid lightgray;padding:10px;border-radius:12px;background-color:#fff}.feed-submit-btn{width:40vh;margin:20px auto;text-align:center}.form-submit-btn{width:100%}.feed-submit-btn button{width:fit-content;height:fit-content;border-radius:12px;padding:10px 22px;font-size:16px}.container{max-width:90%;margin-left:auto;margin-right:auto;padding-left:10px;padding-right:10px}h2{font-size:26px;margin:20px 0;text-align:center}h2 small{font-size:.5em}.responsive-table li{border-radius:3px;padding:25px 30px;display:flex;justify-content:space-between;margin-bottom:25px}.responsive-table .table-header{background-color:#95a5a6;font-size:14px;text-transform:uppercase;letter-spacing:.03em}.responsive-table .table-row{background-color:#fff;box-shadow:0 0 9px #0000001a}.responsive-table .col-1{flex-basis:10%}.responsive-table .col-2{flex-basis:40%}.responsive-table .col-3,.responsive-table .col-4{flex-basis:25%}@media all and (max-width: 767px){.responsive-table .table-header{display:none}.responsive-table li{display:block}.responsive-table .col{flex-basis:100%}.responsive-table .col{display:flex;padding:10px 0}.responsive-table .col:before{color:#6c7a89;padding-right:10px;content:attr(data-label);flex-basis:50%;text-align:right}}}@media (max-width:600px){.nav-container{position:sticky;top:0;left:0;width:100%;padding:0 20px;height:60px;margin:0 auto;align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;background-color:#2f4f4f}.brand{color:#fff;font-weight:bolder;align-items:center;font-size:18px}nav ul{display:flex;gap:30px;align-items:center;font-size:12px;color:#fff}nav button{background-color:#fff;color:#2f4f4f;padding:5px 15px;border-radius:14px;border:none;font-size:12px;font-weight:600}nav button:hover{background-color:#35a872;color:#fff;padding:5px 15px;border-radius:12px;border:none;font-size:14px}footer{position:fixed;left:0;bottom:0;width:100%;height:fit-content;padding:2px;background-color:#2f4f4f;color:#fff;text-align:center;font-size:12px}.home-content{display:block;width:90%;height:100%;align-items:center;margin:40px auto;text-align:center}.left,.right{width:100%;height:50%}.right img{width:30%;height:30%}.title-bolt{width:100%;font-weight:900;font-size:6vh;padding:10px 10px 0;border-bottom:4px solid darkslategray;color:#2f4f4f}.title-disc{width:100%;margin:10px auto;font-size:3vh;font-weight:600;color:#2f4f4f}span{color:#000}.feed-btn{width:100%;margin-top:5vh}.feed-btn button{width:fit-content;font-size:3vw;font-weight:600;background-color:#35a872;border:none;color:#fff;padding:12px;border-radius:40px;margin-top:0px auto}button:hover{background-color:#2f4f4f;border:none;color:#fff;width:fit-content;font-size:3vw;font-weight:600;padding:12px;border-radius:40px;margin-top:0px auto}.login-container-main{width:400px;height:fit-content;margin:30px auto 80px;background-color:#fff;padding:20px;border-radius:12px;box-shadow:#0000008f 0 22px 70px 4px}.login-container{width:85vw;height:fit-content;margin:10vh auto;padding:20px;border-radius:12px;box-shadow:#32325d40 0 6px 12px -2px,#0000004d 0 3px 7px -3px}label{font-size:16px;color:#2f4f4f;font-weight:600}input{font-size:16px;padding:6px;width:100%;border:2px solid darkslategray;border-radius:10px;background-color:transparent}.input-tags{display:flex;flex-wrap:wrap}h2{text-align:center;margin-bottom:30px}.input-wrapper{width:100%;height:70px;margin:0 auto}.login-div{width:100%;text-align:center}.login-bottom-links{width:100%;text-align:center;margin:22px auto 0;color:#2f4f4f}.link-login{color:#35a872;font-weight:600;width:fit-content;text-decoration:none}.link-login:hover{color:#2f4f4f;font-weight:600;width:fit-content;text-decoration:none}.login-btn{margin-top:25px;width:50%;font-size:2vh;font-weight:600;background-color:#35a872;border:none;color:#fff;padding:12px;border-radius:40px}.login-btn:hover{background-color:#2f4f4f;width:50%;border:none;color:#f5f5f5;font-size:2vh;font-weight:600;padding:12px;border-radius:40px}.form-main-container{border:1px solid darkslategray;width:90%;height:fit-content;margin:20px auto 80px}.left-form{height:fit-content;width:100%;padding:20px}.right-form{width:100%;height:fit-content;padding:0}.title-form-box{width:100%;height:fit-content;border:2px dashed lightslategray;border-radius:12px;display:flex;flex-wrap:wrap;align-items:center;background-color:#fff}.form-img img{width:60px;padding:10px;height:fit-content}.form-title-box{width:80%;padding:10px}.form-title{font-size:2.5vh;font-weight:600}.form-disc{font-size:10px}.input-form-tags{width:100%;padding:10px 20px;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px 20px}.input-form{width:100%}.input-form-tags label{color:#2f4f4f}.input-field{margin:0;height:40px;background-color:#fff;color:#000;border:2px solid lightgray}.input-textarea{width:100%}textarea{width:100%;margin:4px 0;font-size:16px;color:#000;border:2px solid lightgray;padding:10px;border-radius:12px;background-color:#fff}.feed-submit-btn{width:100%;margin:20px auto;text-align:center}.form-submit-btn{width:100%}.feed-submit-btn button{width:fit-content;height:fit-content;border-radius:12px;padding:8px 18px;font-size:14px;background-color:#35a872;border:none;color:#fff;font-weight:600}.feed-submit-btn button:hover{background-color:#2f4f4f;width:fit-content;height:fit-content;border-radius:12px;padding:8px 18px;font-size:14px;border:none;font-weight:600}.container{max-width:1000px;margin-left:auto;margin-right:auto;padding-left:10px;padding-right:10px}h2{font-size:26px;margin:20px 0;text-align:center}h2 small{font-size:.5em}.responsive-table li{border-radius:3px;padding:25px 30px;display:flex;justify-content:space-between;margin-bottom:25px}.responsive-table .table-header{background-color:#95a5a6;font-size:14px;text-transform:uppercase;letter-spacing:.03em}.responsive-table .table-row{background-color:#fff;box-shadow:0 0 9px #0000001a}.responsive-table .col-1{flex-basis:10%}.responsive-table .col-2{flex-basis:40%}.responsive-table .col-3,.responsive-table .col-4{flex-basis:25%}@media all and (max-width: 767px){.responsive-table .table-header{display:none}.responsive-table li{display:block}.responsive-table .col{flex-basis:100%}.responsive-table .col{display:flex;padding:10px 0}.responsive-table .col:before{color:#6c7a89;padding-right:10px;content:attr(data-label);flex-basis:50%;text-align:right}}}