*
{
    text-align: center;
}
body
{
    background-image: url('https://images.pexels.com/photos/853168/pexels-photo-853168.jpeg?cs=srgb&dl=pexels-min-an-853168.jpg&fm=jpg');
    background-size: cover;
}
div
{
    display: grid;
    place-items: center;
} 
ul
{
    display: flex;
    flex-direction: column;
}
li
{
    text-align: left;  
}
#main
{
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    width: 400px;
    border: 15px solid #1d2d44;
    padding: 10px;
}
input[type=text]
{
    width: 300px;
    height: 25px;
    border-radius: 5px;
    text-align: center;
}
#submit
{
    height: 45px;
    background-color:#e56b6f;
    border: 2px solid  azure;
    border-radius: 10px;
    font-size: larger;  
    margin: 5% 0%;
    padding: 10px 30px;
}