@import"https://fonts.googleapis.com/css2?family=PT+Mono&family=Source+Sans+Pro:wght@700&display=swap";.App{max-width:500px;display:flex;align-items:center;justify-content:center;flex-direction:column}.home{display:flex;justify-content:center;align-items:center;flex-direction:column}.home__button{margin:1rem;width:22rem;height:80px;border:1px solid black;border-radius:8px;background-color:transparent;font-family:PT Mono;font-style:normal;font-weight:700;font-size:22px}.home__button:hover{background-color:#000;color:#fff}.home__heading{font-family:Source Sans Pro;text-align:center;font-style:normal;font-weight:600;font-size:12px;color:#2229}@media screen and (max-width: 388px){.home__button{width:20rem}}.cardstack{display:grid;grid-auto-rows:38px;margin-bottom:270px}.card{background-color:#d0d0d0;color:#fff;border-radius:8px;box-shadow:0 0 16px #00000014;padding:16px;margin:1rem;width:20rem;height:13rem;display:flex;justify-content:space-between;align-items:center;flex-direction:column;font-family:PT Mono,monospace}.card:hover{z-index:1}.card__vendor{width:20rem;display:flex;justify-content:space-between}.card__vendor-vendor{margin-top:.5rem;align-self:flex-start}.card__num{font-size:28px}.card__info{width:20rem;display:flex;justify-content:space-between;align-items:center;font-size:18px;text-transform:uppercase}.card__desc{font-size:13px;color:#fff}.card__removebtn{display:none;position:absolute;top:190px}.bitcoin{background-color:#ffae34;color:#000}.evil{background-color:#f33355}.bitcoin .card__desc{color:#000}.ninja{background-color:#222}.blockchain{background-color:#8b58f9}.active{grid-row:1/9}.active:hover .card__removebtn{display:inline}@media screen and (max-width: 388px){.card{width:18rem;height:11rem}.card__vendor{width:18rem}.card__num{font-size:23px}.card__info{width:18rem}}.add-card{display:flex;justify-content:center;align-items:center;flex-direction:column}.add-card__heading{font-family:Source Sans Pro;font-style:normal;font-weight:600;font-size:12px;color:#2229;padding:.5rem}.card-form{display:flex;justify-content:center;align-items:center;flex-direction:column;max-width:22rem;margin-bottom:2rem}.card-form__label{font-family:PT Mono;font-style:normal;font-weight:400;font-size:12px;color:#000c}.card-form__input{display:flex;justify-content:center;flex-direction:column;width:100%}.card-form__smallinputs{display:flex;justify-content:space-between;width:100%}.card-form__input-big{width:100%;height:56px;border:1px solid rgba(0,0,0,.8);border-radius:8px;text-transform:uppercase}.card-form__small{display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.card-form__small-input{height:56px;border:1px solid rgba(0,0,0,.8);border-radius:8px;padding:0 5px}.card-form__button{margin:1rem 1rem 0rem;width:22rem;height:80px;border:1px solid black;border-radius:8px;background-color:#000;color:#fff;font-family:PT Mono;font-style:normal;font-weight:700;font-size:22px}.card-form__button:hover{background-color:#fff;color:#000}@media screen and (max-width: 388px){.card-form,.card-form__button{width:20rem}}.top{margin:1rem}.top__heading{font-family:Source Sans Pro;font-style:normal;font-weight:700;font-size:35px;color:#222;text-align:center}*{padding:0;margin:0}