@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";*{margin:0;padding:0}:root,button,a,input{font-family:IBM Plex Mono,Avenir,Helvetica,Arial,sans-serif}h1{text-align:center;font-size:3rem;margin:50px 0}h2{font-size:1.15rem}a{color:#000;text-decoration:none}a:hover{text-decoration:underline}nav{position:sticky;z-index:1000;top:0;background-color:#fff;padding:20px 50px;border-bottom:1px solid;display:flex;justify-content:space-between;align-items:center}nav .navbar{display:flex;gap:20px}nav .logo{font-size:2rem;font-weight:700}button{cursor:pointer;font-weight:500;border-radius:10px;border:none;padding:5px 15px;margin:auto}.login-buttons{display:flex}.login-buttons :hover{text-decoration:underline}form{padding-top:50px;display:flex;flex-direction:column;gap:30px;width:400px;margin:auto}form label{display:flex;flex-direction:column;gap:5px}form label input{padding:5px}.container_battle{margin:20px;width:100%;display:flex;justify-content:center}.container_battle .card_battle{margin:20px;display:flex;height:300px;background-color:#adc527}.container_battle .card_battle .versus{width:150px}.container_battle .card_battle .gif{width:350px;height:100%;object-fit:cover;object-position:center}.container_battle .card_battle .user{width:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:20px}.container_battle .card_battle .user p{margin:20px 0}.container_battle .card_battle .user button{font-size:20px}.container_battle .card_battle .user .active{background-color:#dc143c}.cardGif{width:400px;height:400px;border-radius:5%;background-color:#ff8c00;position:relative}.cardGif img{border-radius:5%;width:100%;height:100%;object-fit:cover;object-position:center}.cardGif .new_battle{cursor:pointer;width:80px;height:80px;display:flex;justify-content:center;align-items:center;position:absolute;right:0;top:0;transition:.2s ease-in-out}.cardGif .new_battle:hover{transform:scale(1.15)}.home{position:relative;height:100vh}.home .container_home{width:80%;margin:auto;display:flex;justify-content:center;flex-wrap:wrap;gap:20px;position:relative}.home .alertNewBattle{position:absolute;width:fit-content;top:50%;left:50%;padding:40px 80px;transform:translate(-50%,-50%);border-radius:10px;background-color:#28a745;z-index:122;transition:.5s ease-in;visibility:hidden}.home .alertNewBattle h2{font-size:20px;font-weight:400}.home .visible{visibility:visible}