body { background: white; } p { color: black; } .header { font-weight: bold; border: solid maroon; padding: 25px; font-family:"Roboto Slab"; background-color:maroon; color: aliceblue; } { background-color: #ff0000; } h2 { font-weight:bold 100; font-family:"Roboto Slab"; border-bottom-style: solid; text-align: center } .card { box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); transition: 0.3s; width: 40%; color: } .card:hover { box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); } .container { padding: 2px 16px; color: maroon } .heading { box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); transition: 0.3s; width: 40%; background-color: maroon; color: white } .heading:hover { box-shadow: 0 8px 16px 0 rgba(255, 212, 8, 0.2); } .heading { padding: 2px 16px; } } .carder { box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); transition: 0.3s; width: 40%; background-color: maroon; color: white } .carder:hover { box-shadow: 0 8px 16px 0 rgba(255, 212, 8, 0.2); } .carder { padding: 2px 16px; } a {color:#ffb500; font-family:"Roboto Slab"; } ol { border: 3px solid black; border-spacing: inherit margin: 10px; padding: 20px; text-align: left; font-family: "Roboto Slab"; } h1{ font-family: "Faustina"; } p { font-weight:500 }