#root,
html,
body {
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: #2d3c47;
  background: rgb(2, 0, 36);
  padding: 0;
  margin: 0;
  min-height: 100%;
  background: transparent linear-gradient(226deg, #ffffff 0%, #e0e3e7 100%) 0% 0% no-repeat padding-box;
}

#root {
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: stretch;
}

a {
  color: inherit;
  text-decoration: inherit;
}

::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-thumb {
  background: #ccc;
}

.footer {
  color: #333;
  height: 20px;
  background-color: #fafafa;
  border-top: 1px solid #ccc;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 4px;
  font-size: 15px;
}

.footer a,
.footer a:hover {
  color: #333;
}