/* tablet */
@media (max-width: 768px) {
  .box {
    padding: 1.5rem;
    border-radius: 8px;
  }

  body {
    padding: 1rem;
  }
}

/* mobile */
@media (max-width: 480px) {
  .box {
    padding: 1rem;
    border-radius: 6px;
  }

  body {
    padding: 0.5rem;
  }
}

body {
	min-height: 100vh;
	background-image: url('../images/background.jpeg');

	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding: 2rem;
}

.box {
	background: #fff;
	border-radius: 12px;
	padding: 2.5rem;
	width: 80vw;
	max-width: 80%;
}