@import "./colors.css"; @import url("https://fonts.googleapis.com/css2?family=Oswald:wght@300;400&family=Roboto+Condensed:wght@300&display=swap"); html, body { background-color: var(--backgound-color); margin: 0; min-width: 250px; height: 100%; } html { scroll-behavior: smooth; } main { padding: 0; margin: 0; } .content { padding: 20px; padding-top: 70px; padding-bottom: 70px; margin: auto; max-width: 1100px; } h1 { font-family: "Oswald", sans-serif; font-weight: 400; color: var(--primary-text-color); } h2 { font-family: "Oswald", sans-serif; font-weight: 400; color: var(--primary-text-color); } p, ul, li { font-family: "Roboto Condensed", sans-serif; font-weight: 400; color: var(--secondary-text-color); margin-top: 1px; margin-bottom: 1px; } h2 { margin-bottom: 5px; } button { margin: 0 auto; color: var(--primary-text-color); background-color: var(--primary-color); border: none; border-radius: 10px; padding: 10px 20px; font-family: "Oswald", sans-serif; font-weight: 400; font-size: 17px; transition: 0.3s; } .button_with_img { display: flex; flex-direction: row; justify-content: center; } .button_with_img img { display: flex; width: 20px; margin: auto; margin-right: 5px; } .button_with_img span { display: flex; margin: auto; margin-left: 5px; } .m-y-auto { margin-top: auto; margin-bottom: auto; } .m-x-auto { margin-left: auto; margin-right: auto; } .m-l-auto { margin-left: auto; } .m-r-auto { margin-right: auto; } .max-w-1200 { max-width: 1200px; } .padding-y-40 { padding-top: 40px; padding-bottom: 40px; } .padding-bottom-0 { padding-bottom: 0; } .flex_container_horizontal { display: flex; flex-direction: row; } .flex_container_horizontal_vertical { display: flex; flex-direction: column; } a { color: var(--primary-color); text-decoration: none; } @media (hover) { button:hover { cursor: pointer; background-color: var(--primary-hover-color); } button:disabled:hover { background-color: var(--primary-disabled-color); cursor: default; } }