*{
    margin:0%;
    padding:0%;
    box-sizing: border-box;
}

html,body{
    height:100%;
    width:100%;
}
#main{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #243B55;
}
#Head{
    margin: 10px;
    font-size: x-large;
    text-shadow: 2px 2px #3A6073;
}
#front{
    width: 400px;
    height: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #24243e;
    border-radius: 50%;
    margin: 10px;
    box-shadow: 5px 5px 40px 20px #243B55 inset,-5px -5px 40px 20px #243B55 inset;
}
.choice{
    text-decoration: none;
    margin: 20px;
    
}
button{
    font-size: xx-large;
    background-color: #606c88;
    border: none;
}
.choice :hover{
    cursor: pointer;
}
