body,
html {
    margin: 0;
    padding: 0;
    height: 100dvh;
    font-family: 'Inter';
}

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

html,
body {
    overflow: hidden;
}

ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

h3,
p {
    margin: 0;
}

input {
    -webkit-apperance: none;
}


a {
    text-decoration: none;
}

:root {
    --color-brand-dark: #246282;
    --color-brand-primary: #237297;
    --color-brand-medium: #42aace;
    --color-brand-secondary: #b3e1ee;
    --color-brand-light: #eff9fc;
    --color-background-light: #f1f5f9;
    --color-white: #fff;
    --color-gray-100: #f1f5f9;
    --color-gray-200: #e2e8f0;
    --color-gray-300: #cbd5e1;
    --color-gray-400: #94a3b8;
    --color-gray-500: #64748b;
    --color-gray-700: #334155;
    --color-gray-900: #0f172a;
    --color-pale: #94a3b8;
    --color-filter-gray-500: brightness(0) saturate(100%) invert(43%) sepia(45%) saturate(208%) hue-rotate(174deg) brightness(94%) contrast(90%);
}

/*
 * ----------------------------------------
 * animation slide-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-top {
    0% {
        -webkit-transform: translateY(200px);
        transform: translateY(200px);
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes slide-top {
    0% {
        -webkit-transform: translateY(200px);
        transform: translateY(200px);
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}