html,
body {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  background-color: #fafafa;
  padding: 0;
  margin: 0;
}

p {
  margin: 0;
  border: 0;
}

h1 {
  margin: 0;
  border: 0;
}

button {
  font-size: x-small;
  padding: 6px;
  padding-left: 15px;
  padding-right: 15px;
  font-weight: 600;
  border: 0;
  height: 28px;
  display: flex;
  align-items: center;
  border-radius: 6px;
  animation-duration: 300ms;
  transition: 300ms;
  border: solid #e9e9ed 2px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  cursor: pointer;
}
button:hover {
  animation-duration: 300ms;
  transition: 300ms;
  border: solid rgba(255, 148, 60, 0.199) 2px;
  background-color: #e9e9edb0;
}

.main-container {
  max-width: 1315px;
  margin: auto;
  margin-top: 50px;
  padding: 12px;
  flex-direction: column;
  gap: 35px;
  display: flex;
}

a {
  transition: 300;
  color: rgb(78, 76, 76);
  cursor: pointer;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}