/* Shared */
html,
body {
    font-family: 'Exo', sans-serif;
    font-size: 16px;
    height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: 0px;
}

.button.button-teal {
    color: #FFF;
    font-size: 12px;
    background-color: #24d3ae;
    border-color: #24d3ae;

}

.button.button-teal:hover {
    color: #FFF;
    background-color: #28dfb8;
    border-color: #28dfb8;
}

.section {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.text-base, .button.text-base  {
    font-size: 1rem;
}

.text-lg, .button.text-lg {
    font-size: 1.2rem;
}

.text-xl {
    font-size: 1.5rem;
}

.text-2xl {
    font-size: 2rem;
}

.text-3xl {
    font-size: 2.5rem;
}

.text-sm {
    font-size: 0.87rem;
}

.d-block {
    display: block;
}

.button {
    border-radius: 100px;
}

.mb-0 {
    margin-bottom: 0px;
}

.mb-1 {
    margin-bottom: 1rem;
}

.mb-2 {
    margin-bottom: 1.5rem;
}

.container.max-w-50r {
    max-width: 50rem;
}

.font-semibold {
    font-weight: 600;
}

.font-normal {
    font-weight: 300;
}

.text-cyan-600 {
    color: #11d1a6;
}

.text-gray-700 {
    color: #818181;
}