.lazy-load-image-background.blur{filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{filter:blur(0);transition:filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}*{margin:0;padding:0;box-sizing:border-box}html{font-family:Times New Roman,sans-serif}header{background:#edf3f7;padding:.1rem 0}.top-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;padding:.5rem 1rem}.logo-container{display:flex;align-items:center;gap:1rem}.img_header{height:4.5rem}.center-logo{display:flex;align-items:center;position:absolute;left:50%;transform:translate(-50%)}.special-logo{height:4.5rem}.q_letter{font-family:"STIX Two Math",sans-serif;font-weight:bolder;color:#054476;font-size:2rem;margin-left:-1.5rem}.search-container{display:flex;align-items:center;gap:1rem}.input{width:15rem;height:3rem;border:.2rem solid #054476;border-radius:.5rem;font-size:1rem;background-color:#fff;outline:none;padding:.5rem;transition:.4s}.input:focus{border-color:#007bff}.button{padding:.8rem 1.5rem;font-size:1rem;border-radius:.5rem;transition:.4s;cursor:pointer;border:none;font-weight:700}.button1{background-color:#fff;color:#000;border:.2rem solid #054476}.button1:hover{background-color:#054476;color:#fff}.btn-group{display:flex;justify-content:center;background-color:#054476;margin-top:-.5rem;padding:.5rem}.btn-group .button{background-color:#edf3f7;border:none;color:#054476;font-size:.8rem;cursor:pointer;border:.1rem solid white;margin:.5rem}.btn-group .button:hover{background-color:#054476;color:#fff}.div_description{display:flex;align-items:center;background-color:#0c1729;color:#fff}.description-img{flex-shrink:0}.a_description{font-size:2.7rem;font-family:Smooch Sans,sans-serif;line-height:2.5rem;text-align:center;max-width:600px;margin-left:7rem}.cards-container{display:flex;flex-wrap:wrap;justify-content:center;padding-top:1rem;margin:0 1rem;gap:1rem}.card{width:calc(25% - 2rem);padding:1rem;min-height:20rem;border-radius:.5rem;background:#eeeeee;transition:.4s;border:.1rem solid #054476;margin-bottom:1rem;cursor:pointer}.card.no-image{min-height:10rem}.card:hover{transform:translateY(-.5rem);box-shadow:0 4px 8px #0003}.card-title{font-size:clamp(.8rem,2.5vw,1.2rem);font-weight:600;color:#054476;margin:1rem 0 0 .5rem;padding-left:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-image{min-height:10rem;border-radius:.5rem;justify-content:center;align-items:center;display:flex}.card-picture{height:10rem;width:15rem;border-radius:.5rem;border:.1rem solid grey}.card-body{margin:.5rem;color:#054476;font-size:1rem;font-weight:700;text-align:justify;padding-right:.5rem;padding-left:1rem}.footer{float:right;margin:1.5rem;font-size:.8rem;color:#b3b3b3}.by-name{font-weight:lighter}.pagination{display:flex;justify-content:center;align-items:center;margin:1rem 0}.pagination button{margin:0 2px;padding:5px 10px;border:none;background-color:#f0f0f0;cursor:pointer}.pagination button.active{background-color:#007bff;color:#fff;font-weight:700}.pagination button:disabled{background-color:#e0e0e0;cursor:not-allowed}.pagination button:hover:not(:disabled){background-color:#d0d0d0}@media (max-width: 1200px){.card{width:calc(33.33% - 1rem)}}@media (max-width: 992px){.card{width:calc(50% - 1rem)}}@media (max-width: 768px){.card{width:calc(100% - 1rem)}}@media (max-width: 768px){.top-bar{flex-direction:column;align-items:center;gap:1rem}.center-logo{position:relative;left:0;transform:none}.input{width:100%}}@media (max-width: 768px){.button{width:100%;padding:1rem}.btn-group{flex-direction:column;align-items:center;gap:.5rem}}@media (max-width: 768px){.div_description{flex-direction:column;text-align:center;padding:1rem}.a_description{font-size:1.5rem;margin-left:0}.description-img{margin:1rem 0}}@media (max-width: 768px){.footer{float:none;text-align:center;margin:1rem 0}}@media (max-width: 768px){.pagination button{padding:.8rem 1.5rem}}@media (max-width: 768px){body{font-size:.9rem}.q_letter{font-size:1.5rem}}@media (max-width: 768px){.container{padding:1rem}.logo-container{flex-direction:column;gap:.5rem}}