61 lines
888 B
CSS
61 lines
888 B
CSS
div#root {
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-height: 90vh;
|
|
}
|
|
|
|
main {
|
|
flex: 1;
|
|
max-width: 50vw;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
text-align: center;
|
|
}
|
|
|
|
footer {
|
|
flex: 0;
|
|
bottom: 10px;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
div.y2t-output {
|
|
display: flow-root;
|
|
}
|
|
|
|
div.y2t-output button {
|
|
margin-bottom: 20px;
|
|
display:block;
|
|
}
|
|
|
|
div.y2t-output div.promptext {
|
|
max-height: 120px;
|
|
overflow-y: scroll;
|
|
display:block;
|
|
}
|
|
|
|
footer a {
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
|
|
}
|
|
|
|
@media only screen and (max-width: 800px) {
|
|
main {
|
|
min-width: 80vw;
|
|
max-width: 80vw;
|
|
margin-left: 10vw;
|
|
margin-right: 10vw;
|
|
}
|
|
|
|
form section.input {
|
|
display: flex;
|
|
min-width: 80vw;
|
|
max-width: 80vw;
|
|
}
|
|
|
|
div#root {
|
|
min-height: 80vh;
|
|
}
|
|
} |