@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');

#mainTable {
    font-size: 19px;
    font-family: "Cormorant Garamond";
    text-align: center;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    border-collapse: separate;
    border-spacing: 10px 5px;
}

#leftField {
    width: 150px;
    height: 150px;
    color: white;
    -webkit-text-stroke: 0.25px black;
    border: 1px solid #000;
    cursor: pointer;
}

#rightField {
    width: 150px;
    height: 150px;
    color: white;
    -webkit-text-stroke: 0.25px black;
    border: 1px solid #000;
    cursor: pointer;
}

#result {
    margin-bottom: 100px;
}

.middleField {
    width: 120px;
    height: 70px;
    color: white;
    -webkit-text-stroke: 0.25px black;
    border: 1px solid #000;
    cursor: pointer;
}

body {
    width: 600px;
    background-color: #485494;
    color: #ffffff;
    margin: 0 auto;
    font-family: "Cormorant Garamond";
}

button {
    font-family: "Cormorant Garamond";
}

a {
    color: blue;
}