{% load static %}
:root {
  --blue-1: #00577F;
  --blue-2: #2C7898;
  --blue-3: #7D9BB8;
  --gray-blue: #404B68;
  --dark-gray: #384552;
  --violet-1: #433A6F;
  --violet-2: #625E8B;
  --violet-3: #706E94;
  --deg-blue-1: #06E2F1;
  --deg-blue-2: #015FD9;
  --light-gray: #DEE6ED;
  --mid-gray: #787886;
  --light-blue: #C0D7F6;
}
@font-face {
  font-family: SpartanMB;
  src: url("{% static '/fonts/SpartanMB/SpartanMB-Regular.otf' %}");
  font-weight: normal;
  font-size: 12px;
}
.form-control {
  text-transform: none!important;
}

label {
  font-weight: normal;
  font-size: 14px;
}
input[type='text'], select, textarea {
  background-color: var(--light-blue)!important;
  font-size: 14px;
}
.form-control {
  border-radius: 10px!important;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: var(--light-blue);
}
.blue-text {
  font-size: 1.4rem;
  color: var(--deg-blue-2);
}
.btn-login {
  background: linear-gradient(to right, var(--deg-blue-1), var(--deg-blue-2));
  color: white;
  border: 0;
  border-radius: 10px;
  width: 160px;
}

@media only screen and (max-width: 900px) {
  html {
    font-size: 12px;
  }
  .blue-text {
    font-size: 1.2rem
  }
}