body{background:#f3f3f3}h1{font-family:Arial,Helvetica,sans-serif;font-size:1.075rem;text-transform:uppercase;align-items:center;color:#ffbd00}div#icon,svg{fill:#ffbd00}.grid{display:grid;grid-template-columns:1fr 1fr}.grid .box{border-radius:1px;background-color:var(--surface-100);margin:.7rem;padding:1rem;box-shadow:3px 1px 8px 0 var(--surface-300)}.card{display:grid;grid-template-columns:1fr 1fr 1fr}.card .card-container{border-radius:8px;margin:.5rem;border:1px solid var(--surface-300);padding:1rem;text-decoration:none}.card .card-container a{text-decoration:none}.card .card-container a:hover{color:var(--yellow-500)}.card .card-container:hover{border-radius:8px;margin:.5rem;border:1px solid var(--yellow-50);background-color:var(--yellow-50);padding:1rem;color:var(--yellow-500)!important;box-shadow:0 0 0 1px var(--yellow-200)}.card .card-container .title{font-weight:700;font-size:.75rem}.card .card-container .description,.card .card-container .title{font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;text-align:center;color:var(--surface-500)}.card .card-container .description{font-weight:300;font-size:.55rem}.card .card-container .logo{text-align:center;color:var(--surface-500)}.card .card-container .logo icon>svg{fill:var(--surface-500)}@media (max-width:768px){.grid{grid-template-columns:1fr}.card{grid-template-columns:1fr 1fr}}@media (max-width:576px){.card{grid-template-columns:1fr}}