* {
    box-sizing: border-box;
}

html {
    font-size: 1px;
    overflow-x: hidden;
}

a.btn {
    padding: 1em 3em;
    border: 1px solid transparent;
    background: #56A3A6;
    color: #fff;
    text-decoration: none;
    transition: .3s ease;
    font-size: 16rem;
    position: relative;
}

a.btn i {
    margin-left: 8px;
}

a.btn:hover {
    text-decoration: none;
    transition: .3s ease;
    border-color: #56A3A6;
    background: #fff;
    color: #56A3A6;
}

.dark-bg {
    background: #292929;
}

.dark-txt {
    color: #292929;
}

.purple-bg {
    background: #83347A;
}

.purple-txt {
    color: #83347A;
}

.grey-bg {
    background: #525151;
}

.grey-txt {
    color: #525151;
}

.lightblue-bg {
    background: #56A3A6;
}

.lightblue-txt {
    color: #56A3A6;
}