* {
  box-sizing: border-box;
}

body {
  display: flex;
  align-items: center;
  justify-content: center;

  height: 100vh;
  margin: 0;
  padding: 20px;

  font-family: Arial, sans-serif;
  color: rgb(240 240 240);

  background: linear-gradient(135deg, rgb(30 30 30) 30%, rgb(17 17 17));
}

.main-content {
  max-width: 640px;
  padding: 40px 30px;

  text-align: center;

  background-color: rgb(44 44 44 / 90%);
  border-radius: 20px;
  box-shadow: 0 12px 40px rgb(0 0 0 / 80%);

  transition:
    transform 0.3s,
    box-shadow 0.3s;

  &:hover {
    transform: scale(1.03);
    box-shadow: 0 20px 60px rgb(0 0 0 / 90%);
  }
}

h1 {
  margin-bottom: 15px;
  font-size: 48px;
  color: rgb(230 57 70);
  text-shadow: 1px 1px 3px rgb(0 0 0 / 90%);
}

p {
  margin: 10px 0 20px;
  font-size: 18px;
  line-height: 1.7;
}

.link {
  display: inline-block;

  padding: 12px 24px;

  font-weight: 600;
  color: rgb(230 57 70);
  text-decoration: none;

  border: 2px solid rgb(230 57 70);
  border-radius: 5px;

  transition:
    background-color 0.3s,
    color 0.3s;

  &:hover {
    color: white;
    background-color: rgb(230 57 70);
  }
}