1/** 2 * CSS files with the .module.css suffix will be treated as CSS modules 3 * and scoped locally. 4 */ 5 6.heroBanner { 7 padding: 4rem 0; 8 text-align: center; 9 position: relative; 10 overflow: hidden; 11} 12 13@media screen and (max-width: 996px) { 14 .heroBanner { 15 padding: 2rem; 16 } 17} 18 19.buttons { 20 display: flex; 21 align-items: center; 22 justify-content: center; 23} 24 25[data-theme='light'] .banner { 26 -webkit-filter: invert(100%); /* safari 6.0 - 9.0 */ 27 filter: invert(100%); 28} 29 30@import url('https://fonts.googleapis.com/css2?family=Fira+Sans&display=swap'); 31 32/* @font-face { 33 font-family: FiraSansCondensed; 34 src: url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed&display=swap'); 35} */ 36