:root {
    --primary-gradient: #3c8cb2;
    --secondary-gradient: #1b4771;
}

body {
    height: 100vh;
    background: rgb(60,140,178);
    background: linear-gradient(150deg, rgba(60,140,178,1) 0%, rgba(30,65,102,1) 60%);
}

.logo-ironbug {
    max-width: 200px;
    filter: brightness(0) invert(1);
}

.btn {
    background: var(--secondary-gradient);
}

    .btn:hover {
        transition: ease all 0.4s;
        background: var(--primary-gradient);
    }

.effect-link-hover {
    color: var(--primary-gradient);
    text-decoration: none;
}

    .effect-link-hover:hover {
        transition: ease all 0.4s;
        color: var(--secondary-gradient);
    }


.link-hover-underline {
    text-decoration: none;
}

    .link-hover-underline:hover {
        text-decoration: underline;
    }