@import url(https://fonts.googleapis.com/css2?family=Anton&display=swap);*{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}.App{background-color:#f1ce8d;min-height:100vh;padding:2rem 0;.yükleniyor{align-items:center;display:flex;font-size:1.5rem;gap:1.5rem;justify-content:center;min-height:100vh;p{font-family:Anton,sans-serif}img{animation:sektirme;animation-direction:alternate;animation-duration:4s;animation-iteration-count:infinite;width:7%}}header{padding:2rem;text-align:center;.image{img{max-width:200px}}.title{h1{color:#c7102e;font-family:Anton,sans-serif;font-size:3rem;letter-spacing:4px;margin:1rem;text-shadow:1px 2px 2px #000}}input{background:#fff;background:linear-gradient(90deg,#fff,#c7102e 33%,#1c4288 79%);border:none;border-bottom:1px solid #c7102e;outline:none;padding:10px;width:50%;&::placeholder{color:#000}}}.card-container{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding:0 1.5rem;text-align:center;.player-card{height:350px;width:250px;&:hover .image img{transform:scale(.9)}&:hover .name{font-size:1.2rem}&:hover{box-shadow:2px 3px 20px #000}.image{background-color:#1c4288cf;background-image:url(/static/media/silhouette-3272331_1280.9440b86c2baf8e2058c4.png);background-position:50%;background-size:cover;height:300px;padding:10px 0;width:100%;img{border:5px solid #f1ce8d;border-radius:10px;transition:all 1s;width:90%}.details,img{cursor:pointer;height:100%}.details{align-items:baseline;background-color:#f4d36756;color:#fff;display:flex;flex-direction:column;gap:1rem;justify-content:center;list-style:none;padding-left:4rem;li:before{background-image:url("/static/media/basketball-147794_1280%20(1).ae83556bd289c4271d85.png");background-size:cover;content:"";display:inline-block;height:20px;margin-right:5px;width:20px}}}.name{align-items:center;background-color:#c7102e;color:#fff;display:flex;font-weight:700;height:50px;justify-content:center;transition:all 1s}}}}@keyframes sektirme{0%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateY(0)}50%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(-100%)}}
/*# sourceMappingURL=main.3a51e93a.css.map*/