body {
            font-family: 'Monserrat', sans-serif;
            margin: 0;
        }
        table {
            width: 100%;
            height: 70vh;
            color: rgb(95, 130, 200);
            background-color: rgb(30, 30, 30);
        }
        
        td {
            width: 25%;
            text-align: center;
            font-size: 24px;
            background-color:  #141414;

        }

        td:hover {
            background-color: rgb(30, 30, 30);
            cursor: pointer;
        }

        #resultArea {
            height: 30vh;
            background-color: rgb(40, 40, 40);
            color: rgb(95, 130, 200);
            font-size: 64px;
            display: flex;
            justify-content: flex-end;
            align-items: flex-end;
            padding: 24px;
            box-sizing: border-box;
        }

        #result {
            background-color: rgb(47, 35, 216);
        }

        #result:hover {
            background-color: rgb(77, 65, 246);
        }

        .highlight {
            background-color: rgb(25, 25, 25)
        }