.studentData{z-index:1;width:90%;height:100%;margin:100px auto auto;display:flex;flex-direction:column;align-items:center;justify-content:start}.studentData span.type{font-size:14px}.top{text-align:center;flex-direction:column;padding-bottom:50px}.studentData .subData,.top{display:flex;justify-content:center;align-items:center}.studentData .subData{flex-wrap:wrap}.bottom{display:flex;align-items:center;justify-content:center}.bottom,.card{padding:10px;width:100%}.card{margin:10px;position:relative;overflow:hidden;border-radius:20px;aspect-ratio:1;text-align:right;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fff1}.card:hover{transform:scale(1.02)}.card.mawad{border:2px dashed var(--main-shadow)}.card.mawad canvas{width:100%;height:100%}.card.total{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.card.total .text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;gap:5px}.card .light{top:0;left:0;position:absolute;box-shadow:0 0 100px 250px var(--main-shadow)}.card:hover .light{left:auto;left:100%}.card.rank{display:flex;flex-direction:column;justify-content:center;gap:10px;font-size:20px;border-top:2px solid var(--main-shadow);border-bottom:0 solid var(--main-shadow)}.card.rank p{margin-bottom:5px;color:var(--gray)}.card.rank p span{color:var(--text)}.card.rank:hover{border-top:5px solid var(--main-shadow);border-bottom:5px solid var(--main-shadow)}hr{margin:10px 0}.allMawad{flex-direction:column;justify-content:end;width:97%;padding:10px;border-radius:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fff1}.allMawad,.allMawad .main,.allMawad .sub{display:flex;flex-wrap:wrap;align-items:start}.allMawad .main,.allMawad .sub{justify-content:start;width:100%}.allMawad .card{width:18%}.allMawad .card p{color:var(--gray);font-size:16px}.allMawad .card .bold{font-weight:700;color:var(--text);font-size:20px}.bar{width:100%;height:20px;background:#eee2;margin-bottom:10px;overflow:hidden}.bar,.bar .fill{border-radius:100px}.bar .fill{height:100%;background-color:var(--main)}@media (max-width:768px){.card.rank{aspect-ratio:inherit;height:-moz-fit-content;height:fit-content}.studentData{width:80%}.bottom{flex-direction:column}.allMawad .card{width:100%;aspect-ratio:inherit}}