/* custom css file */
@import url('https://fonts.googleapis.com/css2?family=Anaheim&family=Varela+Round&display=swap');

body {  
    font-family: 'Anaheim', sans-serif !important;
}

.custom-font {  
    font-family: 'Varela Round', sans-serif;
}
.custom-font-bold {
    font-family: 'Varela Round', sans-serif;
    font-weight: 900;
}
.form-switch .form-check-input {width: 4em; height: 2em;}

.text-primary-0 { color: #5CDD5C }
.text-primary-1 { color: #B3F6B3 }
.text-primary-2 { color: #83EA83 }
.text-primary-3 { color: #3DCD3D }
.text-primary-4 { color: #1DBB1D }

.text-secondary-1-0 { color: #5F7EC6 }
.text-secondary-1-1 { color: #B6C7F0 }
.text-secondary-1-2 { color: #85A0DD }
.text-secondary-1-3 { color: #4061AD }
.text-secondary-1-4 { color: #264A9C }

.text-secondary-2-0 { color: #FFFF6B }
.text-secondary-2-1 { color: #FFFFBA }
.text-secondary-2-2 { color: #FFFF8F }
.text-secondary-2-3 { color: #FFFF4C }
.text-secondary-2-4 { color: #E9E925 }


.bg-primary-0 { background-color: #5CDD5C }
.bg-primary-1 { background-color: #B3F6B3 }
.bg-primary-2 { background-color: #83EA83 }
.bg-primary-3 { background-color: #3DCD3D }
.bg-primary-4 { background-color: #1DBB1D }

.bg-secondary-1-0 { background-color: #5F7EC6 }
.bg-secondary-1-1 { background-color: #B6C7F0 }
.bg-secondary-1-2 { background-color: #85A0DD }
.bg-secondary-1-3 { background-color: #4061AD }
.bg-secondary-1-4 { background-color: #264A9C }

.bg-secondary-2-0 { background-color: #FFFF6B }
.bg-secondary-2-1 { background-color: #FFFFBA }
.bg-secondary-2-2 { background-color: #FFFF8F }
.bg-secondary-2-3 { background-color: #FFFF4C }
.bg-secondary-2-4 { background-color: #E9E925 }