*{
	margin:0;
	padding:0;
}

body{
	background-color: white;
}

#cakeimg{
	width: 50%;
	max-width: 200px;
	margin-bottom: 4rem;
}

#inner #cakeimg, .card{
	margin-top:2em;
	margin-left:auto;
	margin-right:auto;
	text-align:center;

	display:block;
	position:relative;
	z-index: 3;
	
}
#inner, #cakeimg, #canvas{
	position:absolute;
	width: 100%;
}
#canvas{
	right: 0;
    top: 0;
	height: 100%;
}
#keyframes move-clouds-back{
	from {background-position: 0 0;}
	to {background-position: 10000px 0}
}
#keyframes move-twinkle-back{
	from{background-position: 0 0;}
	to {background-position: -10000px 5000px}
}


.card{
	background-color: #fcc3cc;
	border: none;
}
.btn-primary {
    --bs-btn-color: #6e0ed5;
    --bs-btn-bg: #ffffff;
	border:none;
}

.row{
	width:90%;
	margin: 0 auto;
}
input[type="text"]
{
    font-size:25px;
	width: 70%;
	border: none;
	text-align: center; 
}
a{
	color:black;
	text-decoration: none;
}
a :hover{
	color: black;
}
#inner{
	padding-bottom: 30px;
}
.card span{
	font-size: 25px;;
}