@import url("../fonts/fontface.css");

.page-inner {
  /* border: 2px solid; */
  /* margin-top: 5em; */
  margin-left: 6em;
  /* padding: 0px 20px; */
}
.footer {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  text-align: center;

  background-color: #1f2937; /* dark slate */
  color: #f9fafb; /* soft white text */
  border-top: 1px solid #e5e7eb;
  font-size: 14px;
  padding:10px 0px;
}
button[name="save"] {
  background: #16a34a;
  color: #fff !important;
}

button[name="update"] {
  background: #2563eb;
  color: #fff !important;
}

button[name="delete"] {
  background: #dc2626;
  color: #fff !important;
}

button[name="back"] {
  background: #6b7280;
  color: #fff !important;
}

button[name="clear"] {
  background: #f59e0b;
  color: #fff !important;
}

/* common styling */
button[name] {
  border: none;
  padding: 10px 18px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  transition: 0.2s ease;
}

button[name]:hover {
  opacity: 0.85;
}
h1,
h2,
h3,
h4,
h5,
h6,
body {
  font-family: "Open Sans", sans-serif;
}
.highlight{
  color: red;
}
a{
  outline:none
}