:root {
    --accent-primary: #95c182;
    --hover-primary: #95c182e6;
    --accent-secondary: #314028;
    --hover-secondary: #314028e6;
    --accent-tertiary: #f4f1e8;
    --background-hover: #1f7dad66;
    --background-muted:#f2f2f2;
    --background-overlay: #ffffffcc;
    --background-glass-gradient: linear-gradient(to bottom right, rgba(31, 173, 161, 0.25), rgba(31, 125, 173, 0.25), rgba(114, 31, 173, 0.25), rgba(173, 67, 31, 0.25));
    --border-color-glass: rgba(255,255,255,0.30);
}

html {background-color: var(--accent-secondary);}
body {background-color: #fff;}

/* Scrollbar fix */
html {
    overflow-x: hidden;
    margin-right: calc(-1 * (100vw - 100%));
}

/* Totop */
#footer .uk-grid > div:first-of-type {margin-top: -40px;}

@property --angle {
    syntax: '<angle>';
    inherits: false;
    initial-value: 133deg;
}

/* Card */
.uk-card-tertiary {background-color: var(--accent-tertiary);}
.uk-card-tertiary.uk-card-hover:hover {background-color: var(--accent-tertiary);}

/* Icon Button Fix */
.uk-icon-button {
    aspect-ratio: 1 / 1;
    width: auto;
    height: auto;
    padding: 10px;
}

/* Padding fix for Parallax Heading */
.uk-container[class*=uk-height] {box-sizing: content-box;}

.uk-button-link.uk-button-large {
    font-size: 1.225rem;
}

/* Background */
.uk-background-blur {
    backdrop-filter: blur(15px) saturate(150%);
}
.uk-background-gradient {
    background: url("/assets/images/contour-green.png"), linear-gradient(180deg,rgba(0, 0, 0, 1) 50%, var(--accent-primary) 100%);
    background-size: cover;
}

/* Text Background */
.uk-text-background-blur {
    backdrop-filter: blur(15px) saturate(150%);
    padding: 12px 20px 18px 20px;
}
.uk-text-background-blur > * {margin: 0;}

/* Dot Nav */
.uk-dotnav.uk-dotnav-large>*>* {
    width: 20px;
    height: 20px;
}

/* Main Menu */
#menu .uk-navbar-center {gap: 0;}
#menu .uk-navbar-nav>li>a, #menu .uk-navbar-dropdown-nav {font-size: 1rem;}

/* Form */
form .uk-inline {width:100%;}

/* Animations */
@keyframes rotate {
    from {--angle:1deg;}
    to {--angle:360deg;}
}
@-webkit-keyframes rotate {
    from {--angle:1deg;}
    to {--angle:360deg;}
}
@-moz-keyframes rotate {
    from {--angle:1deg;}
    to {--angle:360deg;}
}