@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');

html,
body {
    height: 100%;
}
body {
    font-family: 'Roboto', sans-serif;
    background-color: #d2d9ef;
}
.section-left {
    background-color: #1a3695;
    color: #ebeff4;
    padding: 15rem 3rem 3rem 3rem !important;
}
.section-right {
    background-color: #f1f5f9;
    padding: 15rem 3rem 3rem 3rem !important;
    border-left: 10px solid #d2d9ef;
}

form {
    font-size: 14px;
}
.border-primary {
    border-color: #84cc18 !important;
}
.bg-primary {
  background-color: #84cc18 !important;
}
.btn-primary {
  color: #fff;
  border-color: #84cc18;
  background-color: #84cc18;
}

.btn-primary:hover, .btn-primary:focus {
  color: #fff;
  background-color: #78bd12;
  border-color: #78bd12;
}