calc.css

body{
    align-items: center;
    display: flex;
    justify-content: baseline;
    background-image: url(Vincent_van_Gogh-Almond_blossom-Google_Art_Project.jpg);
}
#title1{
    align-items: center;
border-radius: 10px;
margin-bottom: 10px;
text-align:center;
font-size: large;
width: 500px;
color:#fce046;
border: solid black 2px;
}
#title2{
    align-items: center;
border-radius: 10px;
margin-bottom: 10px;
text-align:center;
font-size: large;
width: 500px;
color:#ffd900;
border: solid black 2px;
}
#container{
    align-items: center;
    display: flex;
    justify-content: baseline;
}
td{
    border: 2px solid;
}
table{
    width: 500px;
    height: 200px;
}

input[type="button"]{
border-radius: 10px;
background-color: darkslategray;
color: rgb(248, 246, 246);
border-color:#ff44e6 ;
width:100%;
height: 100%;
font-size: 175%;
font-family: 'Times New Roman', Times, serif;
}

input[type="text"]{
border-radius: 10px;
text-align: right;
font-size: large;
background-color:rgba(255, 255, 255, 0.74);
border-color: black ;
width:96%;
height: 80%;
}