.outer {
    max-width: 1920px;
    padding: 3vh 3vw;
    align-items: start;
}

h3 {
    font-weight: 200;
    color: #F3F3F3;
}

h1,
h2 {
    font-weight: 300;
    color: #F3F3F3;
    font-family: 'Mallanna', sans-serif;
}


.title-row img {
    float: left;
    height: 128px;
    width: 128px;
    margin-right: 16px;
    margin-bottom: 8px;
    border-radius: 4px;
}

.title-row h1 {
    padding: 0px;
    margin-bottom: 8px;
    line-height: 30px;
}

.decoration {
    margin-top: 30px;
    background-color: #033227;
    height: 4px;
}

.header {
    margin-top: 3vh;
    color: #F3F3F3;

}

.darker {
    background-color: #16161d;
}

.dark {
    background-color: #252525;
}

.green {
    background-color: #4CAF50;
}

.red {
    background-color: #ee4b4b;
}

.orange {
    background-color: #FFAB40;
}

.divider {
    width: 90vw;
    max-width: 1920px;
    height: 0.5px;
    float: left;
    margin: auto;
    border-radius: 16px;
}

.features-tooltip {
    margin: 16px 0px 16px 0px;
    display: inline-flex;
}


.features-tooltip h4 {
    line-height: 16px;
    color: #F3F3F3;
    font-weight: 200;
    margin-right: 12px;
}

.check {
    border-radius: 4px;
    margin: 0px;
    margin-right: 8px;
    min-width: 16px;
    height: 16px;
    float: left;
}



.divider-outer {
    margin-top: 8px;
    margin-bottom: 8px;
    width: 93vw;
    max-width: 1920px;
    align-items: center;
    display: flex;
}


#feaure {
    margin-top: 16px;
    line-height: 18px;
    font-size: 14px;
}

#features {
    margin-bottom: 32px;
}

.image img {
    height: 512px;
    border-radius: 4px;
}

.image {
    margin: 0px 16px 16px 0px;
    padding: 0px;

}

.image:hover {
    cursor: pointer;
    transform: scale(1.02);
    transition: 200ms;
}

.images-container {
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    justify-content: start;
}

.github-button {
    padding: 4px;
    border-color: #00B68A;
    border-width: 2px;
    border-style: solid;
    border-radius: 8px;
    margin-right: 0px;
    margin-left: 16px;
}

.github-button:hover {
    cursor: pointer;
    transform: scale(1.02);
    transition: 200ms;
}

.github-button img {
    float: left;
    height: 28px;
    margin: 0px 8px 0px 4px;
}

.github-button h3 {
    float: left;
    margin-right: 6px;
}

.outer-button {
    display: flex;
    align-items: end;
    justify-content: end;
}




@media only screen and (max-width: 540px) {
    .github-button {
        margin: auto;
    }

    .image {
        margin: 0px 32px 32px 0px;
    }
}

@media only screen and (max-width: 900px) {
    .image {
        margin: auto;
        padding: auto;
    }

    .image img {
        height: auto;
        width: 90vw;
    }
}