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

:root{
    --blue-color-1: #054c05;
    --blue-color-2: #fffbbb;
    --orange-color-1: #E48E00;
}

#nav{
    display:flex;
    width:100%;
    min-height: 40px;
    justify-content: space-around;
    color: white;
    align-items: center;
}

#signInButton, .button, .button-blue{
    background: var(--orange-color-1);
    color: white;
}

.button-blue{
    background: var(--blue-color-1);
}

body {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.bg-blue-1{
    background: var(--blue-color-1);
}

.text-blue-1{
    color: var(--blue-color-1) !important;
}