
main {
  font-family: "Montserrat", sans-serif;
}
body {
    color: var(--ds-global-color-text);
    font-family: var(--ds-global-typography-text-font-family);
    font-weight: var(--ds-global-typography-text-font-weight);
    font-size: 16px;
        
}
a {
    color: var(--ds-global-color-accent);
    font-family: var(--ds-global-typography-accent-font-family);
    font-weight: var(--ds-global-typography-accent-font-weight);
    font-size: 16px;
    text-decoration: none;
}
h1 {
    color: var(--ds-global-color-text);
    font-family: var(--ds-global-typography-primary-font-family);
    font-weight: var(--ds-global-typography-primary-font-weight);
    font-size: 48px;
}
h2 {
    color: var(--ds-global-color-text);
    font-family: var(--ds-global-typography-primary-font-family);
    font-weight: var(--ds-global-typography-primary-font-weight);
    font-size: 40px;
}
h3 {
    color: var(--ds-global-color-text);
    font-family: var(--ds-global-typography-secondary-font-family);
    font-weight: var(--ds-global-typography-secondary-font-weight);
    font-size: 20px;
}
h4 {
    color: var(--ds-global-color-text);
    font-family: var(--ds-global-typography-secondary-font-family);
    font-weight: var(--ds-global-typography-secondary-font-weight);
    font-size: 18px;
}
h5 {
    color: var(--ds-global-color-text);
    font-family: var(--ds-global-typography-secondary-font-family);
    font-weight: var(--ds-global-typography-secondary-font-weight);
    font-size: 16px;
}
button, input[type="button"], input[type="submit"], .ds-button {
    font-family: var(--ds-global-typography-secondary-font-family);
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
    color: #FFFFFF;
    background-color: var(--ds-global-color-eb41d22);
    border-radius: 5px 5px 5px 5px;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
}
button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, .ds-button:hover, .ds-button:focus {
    background-color: var(--ds-global-color-accent);
}
/* Path: resources/css/website/variable.css */
/* This file contains all the variables used in the website. */
/* You can change the value of the variables to change the look and feel of the website. */
/* You can also add new variables and use them in the website. */
/* For example, you can add a new variable like this: */
/*     --ds-global-color-primary: #EB41D22;
 */
