buzzers/public/style.css

57 lines
856 B
CSS
Raw Normal View History

2020-02-19 22:18:49 +00:00
/* this file is loaded by index.html and styles the page */
2018-03-13 20:25:39 +00:00
* {
box-sizing: border-box;
}
body {
2020-02-19 22:18:49 +00:00
font-family: sans-serif;
margin: 2em 1em;
line-height: 1.5em;
2018-03-13 20:25:39 +00:00
}
h1 {
font-style: italic;
color: #373fff;
2020-02-19 22:18:49 +00:00
max-width: calc(100% - 5rem);
line-height: 1.1;
2018-03-13 20:25:39 +00:00
}
form {
2020-02-19 22:18:49 +00:00
background-color: #eee;
display: grid;
grid-gap: 1em;
padding: 1em;
max-width: 40ch;
2018-03-13 20:25:39 +00:00
}
input {
2020-02-19 22:18:49 +00:00
border: 1px solid silver;
2018-03-13 20:25:39 +00:00
display: block;
2020-02-19 22:18:49 +00:00
font-size: 16px;
2018-03-13 20:25:39 +00:00
margin-bottom: 10px;
padding: 5px;
width: 100%;
}
2020-02-19 22:18:49 +00:00
form button {
background-color: #bbbbf2;
border: 2px solid currentColor;
border-radius: .25em;
2018-03-13 20:25:39 +00:00
cursor: pointer;
2020-02-19 22:18:49 +00:00
font-size: inherit;
line-height: 1.4em;
padding: 0.25em 1em;
max-width: 20ch;
2018-03-13 20:25:39 +00:00
}
2020-02-19 22:18:49 +00:00
form button:hover {
background-color: lavender;
2018-03-13 20:25:39 +00:00
}
footer {
2020-02-19 22:18:49 +00:00
margin-top: 3em;
padding-top: 1.5em;
2018-03-13 20:25:39 +00:00
border-top: 1px solid lightgrey;
}