#root{background-color:#0c1318}*{box-sizing:border-box;margin:0;padding:0;font-family:sans-serif;color:#fff}.box-wrapper{display:flex;flex-wrap:wrap;justify-content:space-evenly}.cards-box{background-color:#111b22;margin:10px 20px;width:13rem;text-align:center;display:flex;flex-wrap:wrap;align-content:space-evenly;justify-content:center;padding:5px;border:1px solid white;border-radius:1rem}.image{max-width:100px}.tier-buttons{margin:6px}.title{text-decoration:none}#root .container .submit-Button{background-color:#41005fd0;padding:5px;position:fixed;bottom:20px;right:20px;cursor:pointer;z-index:1}.submit-Button :active{background-color:#f0f8ff}.heading{text-align:center;background-color:#050b0f;position:sticky;top:0}.heading .help{float:right;top:17px;right:40px;position:fixed;z-index:1;cursor:pointer}.container .popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;background-color:#fff;border-radius:5px;box-shadow:5px 10px 10px #000;display:block}.popup h2{text-align:center;margin-bottom:5px;color:#000}.popup-p{margin-bottom:5px;color:#000}strong{color:#000}@media screen and (max-width: 486px) and (min-width: 287px){.heading .help{right:0;top:0}.container{align-self:center}.container .popup{justify-content:center;width:90%;font-size:14px}}@media screen and (max-width: 286px){.heading h2{text-align:left;font-size:20px}.heading h1{text-align:left;font-size:18px}}