body{
    background-color: #EEEEEE;
}

h1 {
    font-family: bely-display, sans-serif;
    font-weight: 400;
    font-size: 40;
    font-style: normal;
}

h2 {
    font-family: bely-display, sans-serif;
    font-weight: 400;
    font-size: 24;
    font-style: normal;
}

p{
    font-family: muli,sans-serif;
    font-weight: 400;
    font-style: italic;
}

a.cta{
    background-clip: border-box;
    background-color: black;
    color: #EEEEEE;
    font-family: muli,sans-serif;
    font-weight: 400;
    font-size: 16;
    font-style: italic;
    border-radius: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 24px;
    padding-right: 24px;
    border: none;
    text-decoration: none;
    cursor: pointer;
}

a.cta:hover{
    background-color: black;
    color: #EEEEEE;
    font-family: muli,sans-serif;
    font-weight: 400;
    font-size: 16;
    font-style: italic;
    border-radius: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 24px;
    padding-right: 24px;
    border: none;
    box-shadow: 0px 4px 10px rgba(101, 101, 101, 0.38);
    cursor: pointer;
    transform-origin: bottom right;
    transition: all 0.2s ease-in-out;
    
}

a.cta-line{
    background-clip: border-box;
    background-color: none;
    color: black;
    font-family: muli,sans-serif;
    font-weight: 400;
    font-size: 16;
    font-style: italic;
    border-radius: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 24px;
    padding-right: 24px;
    border: none;
    text-decoration: none;
    cursor: pointer;
}

a.cta-line:hover{
    background-clip: border-box;
    background-color: none;
    color: black;
    font-family: muli,sans-serif;
    font-weight: 400;
    font-size: 16;
    font-style: italic;
    border-radius: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 24px;
    padding-right: 24px;
    border: none;
    text-decoration: underline;
    cursor: pointer;
}