tip.css
1    body
2    {
3      background-color: lightsteelblue;
4    }
5    
6    select
7    {
8      font-size: 1.2em;
9      width: 250px;
10     margin: 10px;
11     border: 5px solid black;
12   }
13   div
14   {
15     border: 1px dashed brown;
16     min-height: 50px;
17     width: 280px;
18     background-color: bisque;
19   }
20   
21   #explanation
22   {
23     font-family: "Courier New", Courier, monospace;
24     width: 250px;
25     border-radius: 15px;
26     padding: 15px;
27   }
28   
29   #input
30   {
31     margin: 10px 20px;
32     font-family: Arial, Helvetica, sans-serif;
33     width: 50px;
34     height: 50px;
35     padding: 25px;
36     border: 5px inset chocolate;
37     text-align: center;
38   }
39   
40   #button
41   {
42     width: 100px;
43     height: 100px;
44     border: 5px outset magenta;
45     border-radius: 100%;
46     background-color: darkmagenta;
47     color: cornsilk;
48     text-shadow: 2px 2px 4px black;
49     box-shadow: 10px 10px 5px gray;
50     font-size: 1.1em;
51     font-weight: bold;
52   }
53   
54   #output
55   {
56     background-color: aliceblue;
57     font-family: "Lucida Sans", Verdana, sans-serif;
58     text-align: center;
59     padding: 5px;
60     line-height: 25px;
61   }
62