body{
    
    height: 100vh;
    background-image: url("/Images/background.png");
    background-size: cover
}

.container {
display: grid;
place-items: center;
justify-content: center;
align-items: center;
width: 500px;
height: 500px;
grid-template-columns:  1fr;
padding: 10px;
grid-template-rows: 50% 30%;
    
gap:1px;
    grid-template-areas:
"GreetingCard"
"Enter";
    
margin: auto;
margin-top:10%;
}


.GreetingCard {background-color: hsl(298.6,89.6%,89.7%, 0.8);
margin: 3%;
padding: 3%;

}
.header{
color: hsl(265,73.3%,20.6%);
font-family: 'Trebuchet MS', sans-serif;
  line-height: 1.5;
  letter-spacing: 1px;
  font-style: italic;  
font-size: 20px;
text-align: center;
}

.par{
color: hsl(265,73.3%,20.6%);
font-family: 'Trebuchet MS', sans-serif;
  line-height: 1.5;
  letter-spacing: 1px;
  font-style: italic;  
font-size: 15px;
text-align: center;

}

.Enter IMG{
    display: block;
    object-fit: cover;
    height: 90px;
}