80 lines
991 B
CSS
80 lines
991 B
CSS
|
/* Nothing to see here... */
|
||
|
|
|
||
|
|
|
||
|
|
* {
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
html, body, .full {
|
||
|
|
min-height: 100% !important;
|
||
|
|
height: 100%;
|
||
|
|
font-family: roboto;
|
||
|
|
}
|
||
|
|
html{
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
body{
|
||
|
|
min-height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
table {
|
||
|
|
margin: auto;
|
||
|
|
width: 75%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.full {
|
||
|
|
text-align: center;
|
||
|
|
margin: auto;
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: 1fr;
|
||
|
|
}
|
||
|
|
|
||
|
|
td {
|
||
|
|
padding: 10px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
tr td img {
|
||
|
|
margin-top: 50px;
|
||
|
|
width: 10%;
|
||
|
|
}
|
||
|
|
|
||
|
|
tr td img:hover {
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
.triangle {
|
||
|
|
margin: auto;
|
||
|
|
width: 0;
|
||
|
|
height: 0;
|
||
|
|
border-left: 50px solid transparent;
|
||
|
|
border-right: 50px solid transparent;
|
||
|
|
|
||
|
|
}
|
||
|
|
.up { border-bottom: 100px solid #555; }
|
||
|
|
.down { border-top: 100px solid #555; }
|
||
|
|
|
||
|
|
.digit {
|
||
|
|
text-align: center;
|
||
|
|
font-size: 10vw;
|
||
|
|
/*border: 1px solid black;*/
|
||
|
|
}
|
||
|
|
|
||
|
|
#solution, #nosolution {
|
||
|
|
margin: auto;
|
||
|
|
position: relative;
|
||
|
|
text-align: center;
|
||
|
|
font-size: 5vw;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
#nosolution img {
|
||
|
|
margin-top: 5vw;
|
||
|
|
width: 20%;
|
||
|
|
}
|
||
|
|
|
||
|
|
footer {
|
||
|
|
font-size: 1em;
|
||
|
|
margin-top: -1.5em;
|
||
|
|
}
|