@import "./nav.css";
@import "./main.css";
@import "./footer.css";

:root {
  min-height: 100vh;
}

body {
  font-family: "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.5;
  margin: 0px;
  min-height: 100%;
  background: #211f1f;
  color: #333;
}

p.description {
  font-size: 36px;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: #322b2b;
}

.btn {
  text-align: center;
  width: 100px;
  height: 26px;
  background-color: #ffb389;
  opacity: 30%;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 0.6em 1.4em;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  user-select: none;
  vertical-align: middle;
}

.btn:hover {
  background-color: #ffffff2d;
  box-shadow: 0 6px 12px rgba(53, 122, 189, 0.4);
  transform: scale(1.02);
}

.btn:active {
  background-color: #ffffff2d;
  box-shadow: 0 2px 4px rgba(44, 93, 158, 0.5);
  transform: translateY(1px);
}

div {
  display: flex;
  width: auto;
  height: auto;
  gap: 4px;
}