bubblepop.css
1    body {
2      background-color: midnightblue;
3      color: white;
4    }
5    
6    h1 {
7      font-family: Arial, sans-serif;
8      color: royalblue;
9      text-align: center;
10   }
11   
12   #header, #score {
13     width: 306px;
14   }
15   
16   #field {
17     background-color: royalblue;
18     border: 3px solid black;
19     border-radius: 10px;
20     width: 300px;
21     height: 200px;
22     position: relative;
23     overflow: hidden;
24   }
25   
26   #start {
27     width: 100px;
28     height: 100px;
29     font-size: 1.2em;
30     background-color: midnightblue;
31     color: white;
32     border-radius: 100%;
33     box-shadow: midnightblue 4px 4px 4px;
34     text-align: center;
35     position: absolute;
36     left: 100px;
37     top: 50px;
38     z-index:1;
39   }
40   
41   .bubble {
42     position: absolute;
43     border-radius: 100%;
44     border: 1px solid black;
45     box-shadow: 2px 2px 6px black;
46   }