body{
	margin: 0;
	background-image:url('image/background.jpg');
    background-repeat: no-repeat;
    background-position: center;
}
.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 4%;
}
.title{
  font-family: 'Inter', serif;
  font-weight: bold;
  font-stretch: condensed;
  font-size: 25pt;
  color: white;
  text-align: center;
  margin-bottom: 40px;
}
.button{
  background-color: rgba(51, 51, 51, 0.7);
  width: 80%;
  max-width: 500px;
  margin: 20px auto;
  padding: 20px;
  border-radius: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  transition: background-color 0.3s ease;
	}

.button:nth-child(2) img {
  width:225px;
  height:90px;
}

.button:nth-child(3) img {
  width:125px;
  height:90px;
}

.button:nth-child(4) img {
  width:200px;
  height:90px;
}

.button:nth-child(5) img {
  width:240px;
  height:90px;
}


.button:hover {
  background-color: rgba(51, 51, 51, 0.85);
  cursor: pointer;
}
.button:hover {
  background-color: rgba(51, 51, 51, 0.85);
  cursor: pointer;
}

.button:hover {
  background-color: rgba(51, 51, 51, 0.85);
  cursor: pointer;
}
@media screen and (max-width: 400px) {
	.container {
  margin-top: 10%;
}
  .title {
    font-size: 22pt;
  }

  .button {
	margin: 10px auto;
    padding:3px;
	width: 80%;
    max-width: 325px;
  }
	.button:nth-child(2) img {
  width:150px;
  height:90px;
}

.button:nth-child(3) img {
  width:85px;
  height:90px;
}

.button:nth-child(4) img {
  width:150px;
  height:90px;
}

.button:nth-child(5) img {
  width:180px;
  height:90px;
}
}
@media only screen and (max-width: 650px) and (min-width: 401px)  {
	.container {
  margin-top: 10%;
}
  .title {
    font-size: 22pt;
  }

  .button {
	margin: 15px auto;
    padding:7px;
	width: 80%;
    max-width: 400px;
  }
	.button:nth-child(2) img {
  width:150px;
  height:90px;
}

.button:nth-child(3) img {
  width:85px;
  height:90px;
}

.button:nth-child(4) img {
  width:150px;
  height:90px;
}

.button:nth-child(5) img {
  width:180px;
  height:90px;
}
}