/*
CSE 154 Stylesheet for timer page.
This is as far as we got in class on Weds Apr 12.
Just a couple quick CSS rules.

This page has as excellent writeup on CSS specificity:
https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

The browser tries to pull system defaults for forms, so that they
feel more like your computer. But we can change the styling for
them, one way is to just tell those inputs to inherit from their
DOM parent when they
http://stackoverflow.com/questions/6080413/why-doesnt-input-inherit-the-font-from-body

(Tested in chrome and ff on mac os x)
*/

body {
    font-size: 36pt;
}

/*
BAD STYLE:
This is how we wrote this is class, but font-size: inherit is better.
*/
input {
    font-size: 36pt;
}

button {
    font-size: 36pt;
}

/*
Preferred way of writing the above: tell inputs and buttons to use
body's 36pt
*/
input, button{
    font-size: inherit;
}