body{font-family:General Sans,sans-serif;background-color:var(--clr-dark)}.controls{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:.5rem}.control__buttons{display:flex;align-items:center;gap:.5rem}.cards__row{display:flex;justify-content:center;margin-top:1rem}.header{font-size:3rem}.input__cards{width:100%;max-width:15rem;border-radius:.5rem;border:2px solid black}#cardsLog{margin-top:2rem}.body-text{color:var(--clr-light)}.popup{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;z-index:9999}.popup__title{font-weight:600}.popup-content{background-color:var(--clr-light);padding:1rem;margin:0 auto;border-radius:5px;text-align:center;box-shadow:0 4px 8px #0003}.close-btn{cursor:pointer;font-size:2.2rem;font-weight:600;position:relative;top:-25%;right:-40%;color:var(--clr-rose)}.svg__icon{width:5rem;height:5rem;padding-left:1rem}@media (max-width: 475px){.container{max-width:100%;padding:0 1rem}.popup-content{background-color:#fff;padding:1rem;margin:0 auto;border-radius:5px;text-align:center;box-shadow:0 4px 8px #0003;width:80%}.svg__icon{width:6rem;height:6rem;padding-left:1rem}}@media (max-width: 640px){.container{max-width:100%;padding:0 1rem}}:root{--clr-dark: #070a13;--clr-light: #f1f5f9;--clr-rose: #e11d48;--clr-indigo: #4f46e5}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:.5rem;padding-right:.5rem}.section{margin-top:3rem}button{display:inline-block;padding:0;border:none;background:none;cursor:pointer;color:inherit}.btn{display:inline-block;font-weight:600;text-decoration:none;letter-spacing:-.05em;background-color:var(--clr-rose);color:#f1f5f9;padding:.5em .9em;border-radius:6px;box-shadow:0 10px 20px #e11d4880,0 6px 6px #e11d4880,0 0 100px -10px var(--clr-rose);transition:transform .3s,box-shadow .3s}.btn:hover{transform:translateY(-3px);background-color:var(--clr-rose);color:var(--clr-light);box-shadow:0 14px 28px #e11d4840,0 10px 10px #e11d4838,0 0 120px -10px var(--clr-rose)}.btn2{display:inline-block;font-weight:600;text-decoration:none;letter-spacing:-.05em;background-color:var(--clr-indigo);color:#f1f5f9;padding:.6em 1em;border-radius:6px;box-shadow:0 10px 20px #4b008280,0 6px 6px #4b008280,0 0 100px -10px var(--clr-indigo);transition:transform .3s,box-shadow .3s}.btn2:hover{transform:translateY(-3px);box-shadow:0 14px 28px #4b008240,0 10px 10px #4b008238,0 0 120px -10px var(--clr-indigo);cursor:pointer}