body{
    background-image: url("SFimage2.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0px;
    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-style: italic;
}
#main{
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    margin: 120px auto;
    width: 300px;
    height: 220px;
    backdrop-filter: blur(10px);
    border-radius: 35px;
}

#head1{
    display: flex;
    justify-content: center;
    text-align: center;
    padding: auto;
    font-size: x-large;
}
#bbox{
    display: flex;
    text-align: center;
    justify-content: center;
    margin: 0px auto;
    padding: auto;
    flex-direction: column;
}
#display{
    font-size: xx-large;
    padding: 5px;
}
#btn1{
    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-style: italic;
    font-size: large; 
    border-radius: 7px;
    box-shadow: 1px 1px;
    background-color: rgb(188, 227, 243);
    cursor: pointer;
}

#btn2{
    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-style: italic;
    font-size: large; 
    border-radius: 7px;
    box-shadow: 1px 1px;
    background-color: rgb(188, 227, 243);
    cursor: pointer;
}
#btn3{
    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-style: italic;
    font-size: large; 
    border-radius: 7px;
    background-color: rgb(188, 227, 243);
    box-shadow: 1px 1px;
    cursor: pointer;
}