@font-face {
    font-family: 'Lexend Deca';
    src: url('../fonts/LexendDeca-SemiBold.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans-Regular.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

body {
    background-color: #FFFBF1;
    font-family: 'Noto Sans', sans-serif;
    font-size: 1.2em;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Lexend Deca', sans-serif;
    font-weight: 500;
}
h1, h2 {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}
h3, h4 {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

#hero .name,
#hero .tagline{
    font-family: 'Lexend Deca', sans-serif;
    font-weight: 500;
}
#hero .name {
    line-height: 1em;
    font-size: 4em;
}
#hero .tagline {
    line-height: 1.3em;
    font-size: 1.4em;
}
#hero a {
    text-decoration: none !important;
}
#hero-image {
    width: 100%;
    height: auto;
}

a,
.color-green {
    color: #699577;
}
.background-green {
    background-color: #699577;
}
.color-brown {
    color: #A87E4E;
}
.background-brown {
    background-color: #A87E4E;
}

.how-it-works-image {
    max-width: 12em;
    height: auto;
}

.how-it-works-text {
    max-width: 30em;
}

.appstore-badge {
    max-width: 9em;
}
.android-badge {
    max-width: 8.5em;
}

#intro,
#subintro {
    font-size: 1.3em;
}

.android-info .btn {
    font-size: 1.1em;
}

.circle-kerning {
    letter-spacing: 0.04em;
}