@import url('inline-font1_1.900&display=swap'); :root { --primary: #ff0000; } h1 { text-align: center; color: rgb(255, 0, 0); font-size: 26px; font-weight: 500 } p { margin: 0 20px; } h3 { color: khaki; margin: 15px 10px 0 10px; } strong { font-size: 18px; color: rgb(58, 202, 255); } h2 { font-style: italic; color: #fff; } a { color: #ffffff; text-decoration: none; } html { background: url(inline-font1_2.jpg) no-repeat center top fixed; background-size: cover } body { font-family: "Work Sans", sans-serif; margin: 2rem auto; max-width: 1100px; background: #181818; border-radius: 1rem; padding: 3rem 3rem 2rem; box-sizing: border-box } header { text-transform: uppercase; font-family: "Oswald", sans-serif; background: var(--primary); color: #fff; font-weight: 700; font-size: 43px; letter-spacing: -1px; padding: 5px 9px 8px; display: inherit; border-radius: 3px; margin: 0 auto; width: max-content; line-height: 1 } p.btn-primary.px-5 { background: var(--primary); max-width: max-content; margin: 25px auto 40px; padding: 10px 40px; border-radius: 5px; font-size: 16px; font-weight: 500; color: #0f0f0f; cursor: pointer } p.btn-primary.px-5:hover { opacity: .9 } article { color: #888; font-size: 16px; font-weight: 400; line-height: 1.5 } article img { max-width: 100%; margin: auto; height: auto; display: flex } @media only screen and (max-width: 600px) { body { margin: 0; padding: 1rem } }