body{background-color:#090909}.container{min-height:80vh}.card.active{opacity:1}.card{height:128px;opacity:.5;width:128px}.card img{height:100%;width:100%}.pictures{display:flex;justify-content:space-around}.modal__wrapper{justify-content:center;min-height:80vh}.modal,.modal__wrapper{align-items:center;display:flex}.modal{background:#d5eff9;padding:20px 20px 16px}.modal,.modal__content{border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.35);width:300px}.modal__content{background-color:#fff;height:300px;position:relative}.errors{color:#000a95;font-size:20px;padding-left:24px}.close-btn{bottom:20px;color:#111;cursor:pointer;font-size:16px;font-weight:700;position:absolute;right:20px}.close-btn:hover{transform:scale(1.2)}.modal.hidden{display:none}.exit{bottom:20px;cursor:pointer;font-weight:700;position:absolute;right:60px}.exit:hover{transform:scale(1.2)}.input{border-radius:20px;box-shadow:0 8px 20px rgba(251,0,209,.5);font-size:16px;font-weight:700;height:25px;margin-top:40px;padding-left:20px;width:250px}.click__validate:hover,.input:focus{box-shadow:0 0 0 2px #00ff37,0 6px 18px rgba(0,0,0,.15);outline:none}.click__validate{border-radius:20px;box-shadow:0 8px 20px rgba(251,0,209,.5);font-size:16px;font-weight:700;height:30px;width:80px}