body{min-height:100%;margin:0;padding:0;background-image:url(/assets/Tropical-Beach-CIos9CcG.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center;background-attachment:fixed;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;box-sizing:border-box}#root{display:flex;flex-direction:column;min-height:100vh;box-sizing:border-box}header{width:100%;background-color:#f0f8ff;display:flex;flex-direction:column;box-sizing:border-box;padding-left:20px}header img{max-width:150px;height:auto}footer{width:100%;background-color:#f0f8ff;box-sizing:border-box;padding:30px 50px}main{flex:1;padding:2rem;max-width:1200px;margin:0 auto;box-sizing:border-box}h1{font-size:3.2em;line-height:1.1;display:inline-block}h2,h3,h4,h5{font-size:1.5em}a{font-weight:700;color:#e9860e;text-decoration:none}a:hover{color:#535bf2}input{padding:10px;width:100%;border:2px solid aliceblue;background-color:#f0f8ff80;border-radius:8px;box-sizing:border-box}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#e9860e;cursor:pointer;transition:border-color .25s;margin:10px}button:hover{border-color:#f0f8ff}.benefit-li{padding-bottom:10px}th,td{border:1px solid;padding:8px;border-color:#a8afb3;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}th{background-color:#f1f3ff}table{border-collapse:collapse;width:100%;max-width:100%;table-layout:fixed}.tableContainer{overflow-x:auto;width:100%}.loginForm{color:#f0f8ff;text-align:left;font-size:16px}.logInButton{border-radius:8px;padding:.6em 1.2em;font-size:1em;font-weight:500;background-color:#e9860e;cursor:pointer;margin:10px;width:100%}.blackOpaque{background-color:#0000004d;padding:10px;font-size:1.1em}.left{text-align:left}.card{padding:2em;background-color:#f0f8ff;border-radius:8px;margin:5%;box-sizing:border-box}.container{display:flex;flex-wrap:wrap;gap:2em}.sideBySideCard,.sideBySideFooter{flex:1 1 45%;min-width:250px;border:1px solid #ccc;box-sizing:border-box;border-radius:8px;padding:2em;background-color:#f0f8ff}.addCardInput{border:2px solid #000000}.used{cursor:pointer}.used:hover{color:#34ba89}.center{text-align:center}.purple{color:indigo}.green{color:#34ba89}.red{color:#da4362;font-weight:700}@media (max-width: 768px){.sideBySideCard,.sideBySideFooter{flex:1 1 100%}}@media (max-width: 576px){th,td{padding:4px;font-size:.8rem}}