body {
    background-image: url(../images/jellybean.jpg);
    background-size: 100%;
}
.page1 {
    width: 600px;
    height: 600px;
    padding: 5px;
    margin: auto;
    background-color: white;
    border-radius: 8px;
    
    justify-content: center;

}
.page2 {
    width: 600px;
    height: 100px;
    padding: 5px;
    margin: auto;
    background-color: white;
    border-radius: 8px;
    
    justify-content: center;

}
.msgBox {
    width: 600px;
    padding: 5px;
    background-color: #f44336;
    color: white;
    
    margin: auto;
    border-radius: 8px;
  }
.msgBox.success {
    background-color: #04AA6D;
}
.msgBox.playagain {
    padding: 5px;
    background-color:  white;
    color: black;
    width: fit-content;
    margin: auto;
    border: solid black;
    border-radius: 5px;
    
}
.msgBox.warning {
    background-color: #ff9800;
}
.msgBox.info {
    background-color: #2196F3;
}
a:visited{
    color: black;
}
.heading1 {
    width: 600px;
    padding: 2px;
    margin: auto;
    border-radius: 5px;
    background-color: darkcyan;
    text-align: center;
    justify-content: center;
}
img {
    display: block;
    padding: 40px;
    margin-left: auto;
    margin-right: auto;
}