@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
body {
  font-family: "Roboto", serif;
  background-color: rgb(20, 20, 20);
  color: #fff;
}
.wrap-container {
  max-width: 1300px;
  margin: 0 auto;
}
header {
  margin-bottom: 50px;
}
.header {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
}
.link-nav {
  display: flex;
  gap: 30px;
}

.link-nav a {
  color: black;
  padding: 12px 25px;
  background-color: rgb(255, 207, 65);
  text-decoration: none;
  border-radius: 7px;
  text-align: center;
  -webkit-box-shadow: 1px 1px 50px 11px rgb(255, 207, 65); 
  box-shadow: 1px 1px 50px 11px rgb(255, 207, 65);
}
p {
  margin-bottom: 30px;
}
h1 {
  text-align: center;
  padding: 20px;
  -webkit-box-shadow: 1px 1px 50px 11px rgb(255, 207, 65); 
  box-shadow: 1px 1px 50px 11px rgb(255, 207, 65);
  border-radius: 7px;
  margin-bottom: 50px;
}
h2 {
  text-align: center;
  margin-bottom: 30px;
}
.main-image {
  margin-bottom: 30px;
}
img {
  max-width: 100%;
}
.promo-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  margin-bottom: 30px;
}
#myCode {
  padding: 10px 25px;
  border: 1px solid rgb(255, 207, 65);
  border-radius: 7px;
}
.link-copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.link-copy a {
  color: black;
  padding: 12px 25px;
  background-color: rgb(255, 207, 65);
  text-decoration: none;
  border-radius: 7px;
  text-align: center;
  -webkit-box-shadow: 1px 1px 50px 11px rgb(255, 207, 65); 
  box-shadow: 1px 1px 50px 11px rgb(255, 207, 65);
  max-width: 280px;
  width: 100%;
}
.content-container {
  box-shadow: 1px 1px 50px 11px rgb(255, 207, 65);
  border-radius: 7px;
  margin-bottom: 50px;
  padding: 20px;
}
.footer {
  box-shadow: 1px 1px 50px 11px rgb(255, 207, 65);
  border-radius: 7px;
  padding: 20px;
  text-align: center;
}