.banner{width:100vw;height:80vh;background-size:cover;background-position:center;display:flex;justify-content:center;position:relative;top:-100px;animation:changeBackground 10s infinite}.content{display:flex;flex-direction:column;max-width:800px;margin:auto;text-align:center;color:#fff}.main-content{padding:20px}.content h1{text-transform:uppercase;font-size:30px}.content .information{margin:20px;font-weight:100;line-height:25px;color:#fff}.home-buttons{width:80%;margin-left:10%;margin-right:10%;display:flex;justify-content:center;gap:20px}@media screen and (max-width: 768px){.home-buttons{flex-wrap:wrap}}@keyframes changeBackground{0%,to{animation:backwards;background-image:linear-gradient(#00000080,#00000080),url(/assets/background1-C3Fuj54x.jpg)}35%{background-image:linear-gradient(#00000080,#00000080),url(/assets/background2-CsXZyNS3.avif)}35%{background-image:linear-gradient(#00000080,#00000080),url(/assets/background3-DS6dt5cm.avif)}}.container{display:flex;flex-direction:column;align-items:center;color:#fff;max-width:1200px;margin:-80px auto 0;padding:0 20px}.heading{font-size:50px;line-height:72px;margin:24px 0;color:#000;text-align:center}.sub-heading{color:#006ad5;line-height:24px;margin:24px 0;text-align:center}.blogs{display:flex;flex-wrap:wrap;justify-content:center}.blog{width:calc(33.33% - 20px);min-width:300px;margin:10px;background:#2f303a61;padding:20px;border-radius:10px;display:flex;flex-direction:column;justify-content:center}.blog-heading{text-align:center;color:#006ad5;margin-bottom:12px}.blog-info{line-height:24px;margin:0;color:#000;text-align:center}@media screen and (max-width: 768px){.blog{width:calc(50% - 20px)}}.not-found-container{text-align:center;margin-top:50px}.not-found-title{font-size:2.5rem;color:red}.not-found-text{font-size:1.2rem;margin-top:20px}.not-found-gif{max-width:100%;margin-top:50px}.card{background-color:#ffffffb3;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border-radius:20px;width:50%;max-width:600px}.auth_routes{display:flex;border:1px solid rgba(221,221,221,1);justify-content:center}.auth_routes a{width:100%;padding:10px 10%;border-radius:15px;background-color:transparent;text-decoration:none;color:#000;display:flex;justify-content:center}.auth_routes a.active{border-radius:15px;background:linear-gradient(90deg,#003a74,#006ad5);color:#fff}.form{display:flex;flex-direction:column;width:100%}.section{display:grid;align-items:center;margin-top:1%}.input{padding:10px;border-radius:5px;border:1px solid rgba(33,33,33,.5);color:#16161d;box-shadow:1px 5px 9px #d3d3d3b3;width:100%;margin-bottom:5px;margin-top:5px}.input:disabled{background-color:#f2f2f2;color:#999;cursor:not-allowed}.input:focus{outline:1px solid #006AD5}.input:focus:not(.invalid)~.label{color:#006ad5}.label{background-color:#fff;justify-self:start;transition-property:transform,padding,font-size;transition-duration:.3s;margin:0 1rem;pointer-events:none;color:#16161d}.label,.input{grid-column-start:1;grid-row-start:1}.input:focus~.label,.input:not(:placeholder-shown)~.label{transform:translateY(-123%);font-size:.8rem;padding-left:.2rem;padding-right:.2rem}.section ::placeholder{color:transparent}.invalid.input{outline:1px solid red;initial-value:"godd  "}.color-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100px;height:100px;background-color:transparent;border:none;cursor:pointer}.color-input::-webkit-color-swatch{border-radius:15px;border:none}.color-input::-moz-color-swatch{border-radius:15px;border:none}.invalid.label{color:red}.error{margin-top:.5rem;color:red}.card a.fp{width:100%;display:flex;color:#5881d0;justify-content:center}.auth_routes,.back-route{display:flex;width:100%;border-radius:15px;margin:20px 0}.back-route .back-arrow{cursor:pointer}.textarea{max-width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;margin-right:8px;resize:none}.textarea::placeholder{color:#000}@media screen and (max-width: 768px){.card{width:80%}}#sidebar{position:fixed;top:70px;height:calc(100vh - 70px);width:270px;overflow:hidden;left:-270px;transition:all .3s ease;z-index:200;background:#333}#sidebar.active{left:0}.list-items{position:relative;width:100%;height:calc(100% - 65px);padding-top:10px}.bottom-items{position:absolute;width:200%;bottom:20px;left:0;width:100%}.sidebar-item{border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid #333;transition:all .3s ease}.sidebar-item:hover{border-top:1px solid transparent;border-bottom:1px solid transparent;box-shadow:0 0 10px 3px #222}.sidebar-item:first-child{border-top:none}.sidebar-item a{padding:15px 20px;color:#f2f2f2;text-decoration:none;font-size:25px;font-weight:500;height:100%;width:100%;display:flex;align-items:center}.sidebar-item a .icon{margin-right:10px}.sidebar-item a p{color:#fff}.bottom-items .sidebar-item button{padding:15px 20px;color:red;font-size:25px;font-weight:500;background:none;box-shadow:none;display:flex;align-items:center;margin:0}.bottom-items .sidebar-item button p{padding-left:15px;color:red;background:none;box-shadow:none;display:flex;align-items:center;margin:0}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#333;background-color:#212121cc;color:#fff;padding:10px 20px;position:fixed;top:0;left:0;width:100%;z-index:1000;height:70px}.navbar__left,.navbar__center,.navbar__right{display:flex;align-items:center}.navbar__left.not-loged{display:none}.menu-toggle{display:flex;justify-content:center;align-items:center;width:20px;height:16px;cursor:pointer;color:#f2f2f2;border-radius:10%;padding:20px;font-size:30px;transition:background-color .3s ease,color .3s ease}.menu-toggle:hover{background-color:#fff;color:#333;border-color:#ccc;box-shadow:0 0 10px #006ad5}.navbar__center img{width:100px;height:auto}.profile a .user{margin:0 6px 0 0;font-weight:700;transition:color .3s ease}.profile:hover a .user{color:#000}.navbar__right{display:flex;align-items:center}.navbar__right>div{display:flex;align-items:center;border:1px solid transparent;border-radius:8px;padding:5px 10px;cursor:pointer;font-size:20px;transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease}.navbar__right>div:hover{border-color:#ccc;box-shadow:0 0 10px #006ad5;background-color:#fff}.navbar__right>div:first-child{margin-right:5px}.navbar__right>div a{margin:0;font-weight:700;transition:color .3s ease}.navbar__right>div:hover a{color:#000}.profile{display:flex;align-items:center;border:1px solid transparent;border-radius:20px;padding:5px 10px;cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease}.profile:hover{border-color:#ccc;box-shadow:0 0 10px #006ad5;background-color:#fff}.profile a .user h3{margin:0 6px 0 0;color:#fff;font-weight:700;transition:color .3s ease}.profile:hover a .user h3{color:#006ad5}.profile a{gap:10px;display:flex;align-items:center;text-decoration:none;color:inherit}.profile .img-box{width:40px;height:40px;overflow:hidden;margin-right:10px;border:1px solid rgba(255,255,255,1);border-radius:100px}.profile .img-box img{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 768px){.navbar__right.loged{display:none}}.search{margin-bottom:20px}.search form{display:flex;align-items:center}.search input[type=text]{padding:8px;font-size:16px;border:1px solid #ccc;border-radius:4px;margin-right:10px}.search button{padding:8px 16px;font-size:16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.search button:hover{background-color:#0056b3}.post-list{padding:20px}.post-list.search{width:70%}.no-posts{color:#000}.post-item{margin-bottom:20px;padding:20px;border:1px solid #ccc;border-radius:8px;color:#000;background-image:url(/assets/back-post-D4KZPfQl.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.post-item .post-subject{color:#000}.post-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.user-info{display:flex;flex-direction:column}.user-info img{border-radius:50%;border:1px solid rgba(255,255,255,1)}.user-profile,.user-profile-comment{width:50px;height:50px;border-radius:50%;margin-right:10px}.user-profile-comment{width:30px;height:30px}.comment-header{display:flex}.username{font-weight:700}.post-subject{padding:5px 10px;border-radius:20px;display:flex;justify-content:center;margin-bottom:10px}.subject{font-size:25px;font-weight:700}.post-content{margin-top:10px;display:flex;flex-direction:column;align-items:start;border-bottom:1px solid #ccc}.post-title{font-size:20px;margin-bottom:5px;margin-right:auto;word-wrap:break-word}.post-actions{display:flex;margin-left:10px}.post-actions button{margin-right:5px}.post-info{color:#555;word-wrap:break-word}.post-comments{margin-top:20px}.post-comments{color:#000}.comment-item{margin-top:10px;position:relative;border-bottom:1px solid #ccc}.comment-time{display:flex}.comment-actions{position:absolute;top:0;right:0;display:flex}.comment-actions button{margin-left:5px;color:#fff}.save-button,.delete-button{background-color:#fc3565;color:#fff;border:none;border-radius:5px;padding:8px 12px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.save-button:hover,.delete-button:hover{background-color:#e02d53}.comment-content{max-width:100%;margin-bottom:5px}.comment-info{word-wrap:break-word;text-align:left}.comment-owner{font-style:italic;color:#888}.comment-input{display:flex;align-items:center;margin-top:10px}.comment-input .textarea{max-width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;margin-right:8px;resize:none}.comment-input button{border-radius:4px;height:200%;margin:0;width:auto}.new-post{width:60%}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000004d;z-index:100}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:18px;border-radius:8px;z-index:9999;box-shadow:0 0 10px #0000004d;max-width:800px;max-height:400px;min-width:500px;display:flex;overflow:auto}.modal .new-post{width:100%}@media screen and (max-width: 768px){.post-list.search{width:100%}.modal{min-width:300px}}.content{width:80%}.user-profile{min-width:100%;height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;border-radius:10px;padding:10px}.data-principal{width:80%;display:flex;align-items:center;margin-bottom:10px;gap:8%;background-color:#ffffff80;justify-content:space-between;padding:10px;border-radius:10px}.user-image{width:100px}.user-image .profile-image{width:100px;height:100px;border-radius:50%;object-fit:cover}.user-data{color:#000;font-weight:700}.user-data p,.data-secundaria p{display:flex;justify-content:left;color:#000;font-weight:700}.data-secundaria p{font-weight:initial}.posts{width:100%}@media screen and (max-width: 768px){.data-principal{flex-direction:column;align-items:center;gap:0}.data-principal img{margin-bottom:10px}.content{width:95%}}.collapsible{margin-bottom:10px;border-radius:5px}.collapsible-header{background-color:#f0f0f0;border-radius:10px;cursor:pointer}.collapsible-content{padding:10px}.collapsible.active .collapsible-content{display:block}.subject-info{display:flex;align-items:center;border-radius:10px;justify-content:space-between;font-weight:700;color:#000;background-color:#ffffff80}.subject-name{margin-left:10px}.subject-extra{display:flex}.post-count{margin-left:8px;display:flex;align-items:center}.post-circle{width:24px;height:24px;background-color:#000;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:14px}.subject-collapsible{margin-top:20px;width:90%;max-width:500px}.add-subject{text-align:center;margin-bottom:10px}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:18px;border-radius:8px;z-index:9999;box-shadow:0 0 10px #0000004d;max-width:800px;max-height:400px;display:flex;overflow:auto}.modal-content{width:100%}.close-button:hover{color:#555}.subject-form{margin-top:20px}.subject-form label{display:block;margin-bottom:5px}.subject-form input[type=text]{width:100%;padding:8px;margin-bottom:10px;border:1px solid #ccc;border-radius:3px;box-sizing:border-box}.subject-form button{background-color:#007bff;color:#fff;border:none;border-radius:3px;padding:8px 15px;cursor:pointer}.subject-form button:hover{background-color:#0056b3}.footer{background-color:#333;color:#fbf9f9;text-align:center}.footer__container{padding:3rem 0}.footer__title{font-size:2.25rem;margin-bottom:1rem;font-weight:600}.footer__description{margin-bottom:1.5rem}.footer__social{margin-bottom:3rem}.footer__link{font-size:1.4rem;color:#fbf9f9;margin:0 1rem;transition:.3s}.footer__link:hover{color:#7b6f71}.footer__copy{font-size:.813rem;color:#fbf9f9}.activate-account-success{max-width:600px;margin:0 auto;padding:20px;background-color:#f4f4f4;border-radius:10px;text-align:center}.success-message{margin-bottom:20px}.success-message h2{font-size:24px;color:#4caf50}.success-message p{font-size:18px}.login-button-container{text-align:center}html *{margin:0;padding:0;box-sizing:border-box;font-family:Source Sans Pro,sans-serif}main{padding:100px 0 30px;min-height:calc(100vh - 70px);display:flex;justify-content:center;align-items:center;background-color:#d3d3d3b3}button{font-size:20px;color:#fff;border-radius:10px;border:none;width:100%;padding:10px;margin-top:15px;margin-bottom:15px;background:linear-gradient(-90deg,#003a74,#006ad5);box-shadow:1px 5px 9px #d3d3d3e6;cursor:pointer;transition:background .3s ease,box-shadow .3s ease,color .3s ease}button:hover{background:linear-gradient(-90deg,#006ad5,#003a74);box-shadow:1px 5px 9px #000000b3}button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.6}button:disabled:hover{background-color:#ccc;color:#666;opacity:.6}.cancel-button,.delete-button{background:linear-gradient(-90deg,#a80000,red);box-shadow:1px 5px 9px #d3d3d3e6;transition:background .3s ease,box-shadow .3s ease,color .3s ease}.cancel-button:hover,.delete-button:hover{background:linear-gradient(-90deg,#7a0000,#d50000);box-shadow:1px 5px 9px #d3d3d3b3}.save-button{background:linear-gradient(-90deg,green,#0f0);box-shadow:1px 5px 9px #d3d3d3e6;transition:background .3s ease,box-shadow .3s ease,color .3s ease}.save-button:hover{background:linear-gradient(-90deg,#005200,#00b300);box-shadow:1px 5px 9px #d3d3d3b3}a{text-decoration:none;color:#fff}.loader-container{display:flex;justify-content:center;align-items:center;height:100vh}p{font-size:20px}h2{color:#000}