/* Alpinejs */
[x-cloak] { display: none !important; }

/* Fjorder */
:root {
    --black-color: #090A0A;
    --gray-color: #F4F7EE10;
    --white-color: #FFFFFF;

    --primary-color: #F4F7EE;
    --secondary-color: #D4D7DE;
    --tertiary-color: #B8FF4A;
    --quad-color: #3C4A5C;

    font-family: "Lato", system-ui;
    overflow-x: hidden;
}

::selection {
    background-color: var(--tertiary-color);
    color: var(--black-color);
}

.gradient-color {
    background: linear-gradient(var(--primary-color) 50%, transparent 125%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    padding-bottom: 0.2em;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    overflow-x: hidden;
}

body {
    margin: 0;
    width: 100%;
}

img,
svg {
    max-width: 100%;
    height: auto;
}