@import url("https://fonts.googleapis.com/css2?family=Oswald&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Oswald", sans-serif;
}

:root {
  --main-bg: #1814f0;
}

.main-bg {
  background: radial-gradient(circle, rgba(238, 174, 202, 1) 0%, rgba(148, 187, 233, 1) 100%);
}

input:focus,
button:focus {
  border: 1px solid var(--main-bg) !important;
  box-shadow: none !important;
}

.form-check-input:checked {
  background-color: var(--main-bg) !important;
  border-color: var(--main-bg) !important;
}

.card,
.btn,
input {
  border-radius: 10px !important;
}

div.d-grid #login {
  background-color: #1814f0;
  border: none;
}

div.d-grid #login:hover {
  background: linear-gradient(
    90deg,
    rgba(11, 38, 231, 1) 0%,
    rgba(24, 20, 240, 1) 0%,
    rgba(240, 240, 242, 1) 100%
  );
}
div.d-grid #add {
  background-color: #1814f0;
  border: none;
}

div.d-grid #add:hover {
  background: linear-gradient(
    90deg,
    rgba(11, 38, 231, 1) 0%,
    rgba(24, 20, 240, 1) 0%,
    rgba(240, 240, 242, 1) 100%
  );
}