html{
	width: 100%;
	height: 100%;

	padding: 0;
	margin: 0;
}

body{
	width: 100%;
	height: 100%;

	padding: 0;
	margin: 0;

	font-size: 15px;
	font-family: 'Outfit';

	background-color: hsl(212, 45%, 89%);

	display: flex;
	justify-content: center;
	align-items: center;
}

.container{
    width: 300px;
    height: 500px;

	background-color: hsl(0, 0%, 100%);

	display: flex;
	flex-direction: column;
	align-items: center;

	border-radius: 15px;

	gap: 15px;
}

.header{
	margin-top: 5%;

	text-align: center;
}

img{
	width: 91%;
	height: 91%;
	border-radius: 15px;
}

.main{
	width: 91%;
	text-align: center;
	font-weight: 700;
	color: hsl(218, 44%, 22%);
}

.footer{
	width: 91%;
	text-align: center;
	color: hsl(220, 15%, 55%);
}