* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

::selection {
    color: #ffffff;
    background-color: #693382;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Domine";
    font-weight: 700;
}

h1 {
    font-size: 3rem;
    line-height: 4.25rem;
}


h2 {
    font-size: 2rem;
    line-height: 3rem;
}

h3 {
    font-size: 1.7rem;
    line-height: 2rem;
}

p, a, li {
    font-family: "Poppins";
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75rem;
}

button {
    font-family: "Poppins" !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.75rem !important;
    padding: 1rem 2rem !important;
}

button:hover {
    background-color: #02D872 !important;
}

.color-brand-p {
    color: #693382 !important;
}

.bg-brand-p {
    background-color: #693382 !important;
}

.color-brand-s {
    color: #111111 !important;
}

.bg-brand-s {
    background-color: #111111 !important;
}

.color-white {
    color: #ffffff !important;
}

.bg-white {
    background-color: #ffffff !important;
}

.bg-light {
    background-color: #f2f2f2 !important;
}

.font-bold {
    font-weight: 700 !important;
}

.row {
    max-width: 1180px;
    margin: 0 auto !important;
}

.say-hi:hover {
    cursor: url('../imgs/hand-wave-cursor.svg'), auto !important;
    transition: 300ms;
}


/* Hero Section */

.hero-subtitle {
    font-size: 1.25rem;
    line-height: 2rem;
}

a {
    transition: 300ms !important;
}

a:hover {
    color: #02D872 !important;
    text-decoration: underline;
}

header a.nav-link:hover {
    text-decoration: underline !important;
}

/* Header & Footer */
.header-logo {
    max-width: 62px;
    width: 100%;
}

.footer-logo {
    max-width: 62px;
    width: 100%;
    opacity: 0.5;
}

.nav-link.new-window {
    background-image: url(../imgs/new-window-icon.svg);
    padding-right: 28px;
    background-position: right center;
    background-repeat: no-repeat;
}