header,main{display:flex}.navbar .nav-left .nav-links a,footer .download-main a,footer .footer-info .riot-games-logo .privacy-list a{text-decoration:none;color:#fff}.navbar *,footer .aboutme,footer .download-main a{font-family:var(--font-nav-footer)}*{margin:0;padding:0;box-sizing:border-box}body{background-image:url("assets/pictures/valo-box-2-Photoroom.webp");background-repeat:no-repeat;background-size:cover;background-attachment:fixed;font-family:system-ui}:root{--font-agents:"Barlow Condensed",sans-serif;--font-nav-footer:"Rajdhani",sans-serif}main{flex-direction:column;gap:100px}.agent-main,header{justify-content:center}header{background:rgba(20,20,20,.8)}.navbar,.navbar .nav-left{align-items:center;display:flex}.navbar *{font-weight:700}.navbar{justify-content:space-between;width:95%;max-width:1500px;padding:16px 0}.navbar .nav-left{gap:32px}.navbar .nav-left .logo{width:40px;height:40px}.navbar .nav-left .logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.navbar .nav-left .nav-links{display:flex;gap:24px}.navbar .nav-left .nav-links a{font-weight:600;font-size:1.1rem;letter-spacing:1px;transition:color .2s}.navbar .nav-left .nav-links a:hover{color:#ff4655}.navbar .account-info{background:#222;color:#fff;padding:8px 20px;border-radius:20px;font-weight:500;font-size:1rem;box-shadow:0 2px 8px rgba(0,0,0,.15);display:flex;align-items:center;min-width:120px;justify-content:center}.navbar .hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;background:0 0;border:none;cursor:pointer;z-index:2}.navbar .hamburger span{display:block;height:4px;width:100%;background:#fff;border-radius:2px;transition:.3s}@media (max-width:600px){.navbar{flex-direction:column;align-items:flex-start;padding:12px 16px;gap:12px}.navbar .nav-left{flex-direction:row;align-items:center;width:100%;justify-content:space-between}.navbar .nav-left .logo{margin-bottom:0}.navbar .nav-left .hamburger,.navbar .nav-left .nav-links.open{display:flex}.navbar .nav-left .nav-links{display:none;flex-direction:column;gap:12px;background:rgba(20,20,20,.95);position:absolute;top:60px;left:0;width:100%;padding:16px 0;z-index:1}.navbar .nav-left .nav-links a{font-size:1rem;padding:12px 24px}.navbar .account-info{display:none}}.agent-main{display:flex;align-items:center;flex-direction:column;gap:70px}.agent-lists,.agent-main .title-page{width:95%;max-width:1500px}.agent-main .title-page h1{--light-yellow:rgb(236, 232, 225);color:var(--light-yellow);font-size:5rem;font-weight:700;font-family:var(--font-agents)}.agent-lists .max-agent{display:grid;justify-content:center;gap:30px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,480px)}@media (width <= 1440px){.agent-lists .max-agent{grid-template-rows:repeat(4,400px)}}@media (width <= 1220px){.agent-lists .max-agent{grid-template-columns:repeat(3,1fr)}}@media (width <= 870px){.agent-lists .max-agent{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(6,480px)}}@media (width <= 630px){.agent-lists .max-agent{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(12,500px)}}.agent-lists .max-agent .agents-waza{background-color:rgba(128,128,128,.267);width:100%;height:100%;overflow:hidden;position:relative;border-radius:5px}.agent-lists .max-agent .agents-waza img{-o-object-fit:cover;object-fit:cover;height:800px;width:auto;position:absolute;left:50%;top:0;transform:translateX(-50%);transition:.4s}.agent-lists .max-agent .agents-waza img:hover{transform:translateX(-230px);scale:1.05;transition:.4s}.agent-lists .max-agent .agents-waza .agent-name{--bottom-agent-name-light:rgb(236, 232, 225);position:absolute;left:0;bottom:0;width:100%;background-color:var(--bottom-agent-name-light);color:#000;font-weight:700;padding:4px 10px;font-size:1.5rem;text-align:left;font-family:var(--font-agents);text-transform:uppercase}footer .download-main{background-color:#292929;height:5vh;display:flex;justify-content:center;align-items:center}footer .download-main a{padding:5px;border-radius:8px;transition:.3s}footer .download-main a:hover{transition:.3s;background-color:rgba(128,128,128,.479)}footer .footer-info{padding-top:20px;background-color:#111;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:40px}footer .footer-info .riot-games-logo{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:30px}footer .footer-info .riot-games-logo img,footer .footer-info .riot-games-logo p{opacity:.7}footer .footer-info .riot-games-logo img{width:100px}footer .footer-info .riot-games-logo p{font-size:.8rem;color:#fff;max-width:700px;text-align:center}footer .footer-info .riot-games-logo .privacy-list{display:flex;gap:20px}footer .footer-info .list-social{width:100%;display:flex;justify-content:center;align-items:center;gap:10px}footer .footer-info .list-social img{font-family:var(--font-nav-footer);box-sizing:unset;border-radius:50%;padding:5px;width:20px;height:20px;background-color:rgba(128,128,128,.397);cursor:pointer}footer .footer-info .ratings{display:flex;justify-content:center;align-items:center;gap:15px;background-color:rgba(128,128,128,.397);padding:10px;border-radius:8px;margin-bottom:20px}footer .footer-info .ratings img{height:100px;width:70px;z-index:1;opacity:1}footer .footer-info .ratings .ratings-info p{text-align:left;opacity:1}footer .aboutme{background-color:#292929;height:5vh;display:flex;justify-content:center;align-items:center;color:#fff}