body * {
    font-family: "Lexend", sans-serif !important;
}

.uk-navbar-container {
    background-color: crimson !important;
}

.uk-navbar-container.footer {
    background-color: #eee !important;
}

.logo {
    font-size: 2.5rem;
    transform: skew(-30deg);
    background: #fff;
    display: inline-block;
    margin-left: 20px;
}

.logo a {
    padding: 0 20px 0 15px;
    display: inline-block;
    transform: skew(30deg);
}

.hamburger:hover {
    color: #fff !important;
}

a {
    color: crimson;
}

a:hover {
    color: #333;
    text-decoration: none;
}

button.uk-button-primary.again {
    margin-top: -3px;
    background-color: crimson !important;
    transform: skew(-30deg);
    /* margin-right: 10px; */
}

button.uk-button-primary.again:hover {
    background-color: #333 !important;
}

button.uk-button-primary.again span {
    display: inline-block;
    transform: skew(30deg);
}

button.uk-button-primary span {
    display: inline-block;
    transform: skew(30deg);
}

button.uk-button-primary {
    background-color: crimson !important;
    transform: skew(-30deg);
}

button.uk-button-primary:hover {
    background-color: #333 !important;
}

.screenshot {
    display: inline-block;
    margin: 10px;
}

.uk-card-primary {
    background-color: crimson !important;
}