@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --login_bg: #eebf6f;
    --login_bg_1: #f6eee3;
    --green_1: #84a59e;
    --btn_green_1: #59b097;
    --btn_blue_1: #4185f4;
    --hyperlink_red: #ff5c76;
    --hyperlink_blue: #4185f4;
    --border_blue: #1c4b80;
}

.text-center {
        text-align: center;
}

.black-text {
    color: black;
}

.jost-main {
    font-family: "Jost", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
}

* {
    font-family: "Jost", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
}

.text-centered {
    text-align: center;
}

a.hyeperlink_red {
    color: var(--hyperlink_red);
}

a.hyeperlink_blue {
    color: var(--hyperlink_blue);
}

a.hyeperlink_black {
    color: black;
}

.btn-primary {
    width: 100%;
    background: var(--btn_green_1);
    border: none;
    font-weight: bold;
}

.btn-primary:hover {
    background: var(--green_1);
}

.btn-secondary {
    width: 100%;
    background: var(--btn_blue_1);
    border: none;
}

input.form-control {
    border: none;
    padding: 10px 20px;
    font-weight: 500;
}