.background {
    background: linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(254, 234, 201, 0.5), rgba(255, 211, 140, 0.5));
	width: 100vw;
	height: 100vh;
}

.content {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
    margin-top: 2rem;
}

.company {
	display: flex;
	flex-direction: row;
    align-items: center;
    margin-top: 1rem;
}

.logo {
	display: flex;
	height: 50px;
	width: 50px;
	aspect-ratio: 1;
}

.name {
    margin: 0rem;
	font-size: 4em;
	font-weight: 100;
}

.subtitle {
	font-weight: 100;
	margin-bottom: 3rem;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(255, 191, 71, 0.7);
  }
  70% {
    transform: scale(1.05);
    box-shadow: 0 0 0 10px rgba(255, 71, 87, 0);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(255, 71, 87, 0);
  }
}

.badge {
	display: inline-block;
	padding: 8px 16px;
	background-color: #fd9c48;
	color: white;
	border-radius: 20px;
	font-weight: 600;
	font-size: 14px;
	position: relative;
	animation: pulse 2s infinite ease-in-out;
	box-shadow: 0 0 0 rgba(255, 238, 153, 0.4);
	margin-bottom: 3rem;
}

.prototype {
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	object-fit: contain;
	max-height: 600px;
}


.footer {
    padding: 2rem;
    text-align: center;
    margin-top: auto;
    position: fixed;
    bottom: 0;
    width: 100%;
}