:root {
  --bds_blue: rgb(7,62,142);
  --bds_green: rgb(100,174,37);
}

h1, h2, p {
  color: white;
}

@keyframes slide_in_left_1 {
  from {margin-left: -10%; opacity: 0;}
  to {margin-left: 2%; opacity: 1;}
}

.welcome_text_div h1 {
  margin-top: 17%;
  margin-left: 2%;
  animation: slide_in_left_1 1s;
}

@keyframes slide_in_left_2 {
  0% {margin-left: -10%; opacity: 0;}
  10% {margin-left: -10%; opacity: 0;}
  100% {margin-left: 2%; opacity: 1;}
}

.welcome_text_div h2 {
  margin-left: 2%;
  animation: slide_in_left_2 1.11s;
}

@keyframes fade_in_opacity {
  0% {opacity: 0;}
  40% {opacity: 0;}
  100% {opacity: 1;}
}

.welcome_text_div p, form {
  margin-left: 2%;
  animation: fade_in_opacity 1.67s;
}

button {
  background-color: rgba(0,0,0,0) !important;
  color: white !important;
  font-size: 150% !important;
  border-radius: 0px !important;
}

button:hover {
  background-color: var(--bds_green) !important;
}