57 lines
928 B
CSS
Executable File
57 lines
928 B
CSS
Executable File
body {
|
|
font-family: 'Montserrat', sans-serif;
|
|
margin: 0;
|
|
}
|
|
|
|
table {
|
|
width: 100%;
|
|
height: 70vh;
|
|
color: white;
|
|
background-color: rgb(30, 30, 30);
|
|
}
|
|
|
|
td {
|
|
width: 25%;
|
|
text-align: center;
|
|
font-size: 24px;
|
|
background-color: rgb(20, 20, 20);
|
|
}
|
|
|
|
td:hover {
|
|
background-color: rgb(30, 30, 30);
|
|
/* Cursor als Hand */
|
|
cursor: pointer;
|
|
}
|
|
|
|
#resultArea {
|
|
height: 30vh;
|
|
background-color: rgb(40, 40, 40);
|
|
color: white;
|
|
font-size: 64px;
|
|
display: flex;
|
|
justify-content: end;
|
|
align-items: flex-end;
|
|
padding: 24px;
|
|
/* Ausbreitung duch Padding verhindern */
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
#result {
|
|
background-color: rgb(67, 55, 236);
|
|
}
|
|
|
|
#result:hover {
|
|
background-color: rgb(110, 101, 235);
|
|
}
|
|
|
|
.red{
|
|
background-color: rgb(212, 38, 38);
|
|
}
|
|
|
|
.red:hover{
|
|
background-color: rgb(212, 80, 85);
|
|
}
|
|
|
|
.highlight {
|
|
background-color: rgb(25, 25, 25);
|
|
} |