*{margin:0;padding:0;box-sizing:border-box}body{color:#ffffffde;background-color:#242424;font-family:Verdana,Geneva,Tahoma,sans-serif}.title{z-index:999;position:sticky;top:0;text-align:center;background-color:#000000d7;padding:2rem 0;backdrop-filter:blur(10px)}.grid-container{display:grid;gap:1rem 2rem;padding:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.card{border:2px solid rgba(255,255,255,.568);width:100%;margin:1rem auto;border-radius:7px;overflow:hidden;display:flex;justify-content:space-between;align-items:center;box-shadow:5px 5px 25px #000;animation:fadeInMove 1s ease}.card>img{width:150px;min-height:150px;height:100%;object-fit:cover;animation:fadeIn 1s ease-in-out}.card>p{flex:1;text-align:center;font-weight:700;font-size:1.1rem}@keyframes fadeInMove{0%{transform:translateY(100px)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.container-loading{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;margin:5rem 0}.container-loading>span{font-size:1.2rem}.spinner{position:relative;width:90px;height:90px;border-radius:50%}.spinner:before,.spinner:after{content:"";position:absolute;border-radius:inherit}.spinner:before{width:100%;height:100%;background-image:linear-gradient(0deg,#ff00cc 0%,#333399 100%);animation:spin8932 .5s infinite linear}.spinner:after{width:85%;height:85%;background-color:#212121;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin8932{to{transform:rotate(360deg)}}