@import url('../node_modules/@rmwc/icon/icon.css'); html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } html,body { margin: 0; padding: 0; background: #313131; --error-color: rgba(255, 0, 0, 0.5); } .dark { --error-color: rgb(255, 75, 75); } main { background: #E4E4E4; color: black; padding: 15px 0 0 0; } main h2 { font-family: 'Cormorant SC',serif; font-size: 36px; font-weight: normal; } main > h2:first-child { text-align: center; } main { font-family: 'Cormorant Infant',serif; } main > p { width: calc(100% - 100px); max-width: 800px; margin-left: auto; margin-right: auto; } .cardContainer{ margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; max-width:2000px; column-count: 3; } button.buttonLink { background: none; border: none; color: blue; text-decoration: underline; font-family: 'Cormorant Infant', serif; font-size: 16px; cursor: pointer; outline: none; } button.buttonLink:focus { color: rgb(0, 0, 175); } @media (max-width:1200px){ .cardContainer{ padding:0 2%; } } @media (max-width: 1000px) { .cardContainer { column-count: 2; } } @media (max-width: 600px) { .cardContainer { margin-top: 20px; column-count: 1; } }