html {
    font-family: "Lato", sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

body{
    font-family: "Lato", sans-serif;
    color: #353133;
}

.text-primary{
    --tw-text-opacity: 1;
    color: rgb(96 166 65 / var(--tw-text-opacity));
}

.hover\:text-primary:hover{
    --tw-text-opacity: 1;
    color: rgb(96 166 65 / var(--tw-text-opacity));
}

.text-black{
    --tw-text-opacity: 1;
    color: rgb(53 49 51 / var(--tw-text-opacity));
}

.text-body-color{
    --tw-text-opacity: 1;
    color: rgb(99 115 129 / var(--tw-text-opacity));
}

.bg-primary{
    --tw-bg-opacity: 1;
    background-color: rgb(96 166 65 / var(--tw-bg-opacity));
}

.hover\:bg-primary:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(96 166 65/ var(--tw-bg-opacity));
}

.border-primary{
    --tw-border-opacity: 1;
    border-color: rgb(96 166 65/ var(--tw-border-opacity));
}

.hover\:border-primary:hover{
    --tw-border-opacity: 1;
    border-color: rgb(96 166 65 / var(--tw-border-opacity));
}

.focus\:border-primary:focus{
    --tw-border-opacity: 1;
    border-color: rgb(96 166 65 / var(--tw-border-opacity));
}

.active\:border-primary:active{
    --tw-border-opacity: 1;
    border-color: rgb(96 166 65 / var(--tw-border-opacity));
}