@charset "UTF-8";

#top-info {
	color: var(--black);
	max-width: 60%;
}

#top-info h5 {
	font-size: clamp(1.5rem, 3vw, 4rem);
	font-weight: bold;
}

#top-info p {
	font-size: clamp(0.75rem, 1.2vw, 2rem);
}

#image {
	min-width: 80%;
	max-width: 80%;
	height: auto;
}

#middle-info {
	color: var(--black);
}

#middle-info h5 {
	font-size: clamp(1rem, 2.5vw, 3rem);
	font-weight: bold;
}

#middle-info p {
	font-size: clamp(0.75rem, 1.2vw, 2rem);
}

.card h5 {
	font-size: clamp(1rem, 1.8vw, 2.5rem);
	font-weight: bold;
}

.card p {
	font-size: clamp(0.75rem, 1.2vw, 1.5rem);
}

.cube-size {
	width: 50px;
}