1. * {
2.   box-sizing:border-box;
3.   margin:0;
4.   padding:0;
5. }
6.  
7. html, body {
8.   height:100%;
9.   width:100%;
10. }
11.  
12. body {
13.   align-content:space-around;
14.   background-color:#202830;
15.   color:#ffffff;
16.   display:grid;
17.   justify-content:center;
18. }
19.  
20. canvas {
21.   background-color:#ffffff;
22.   width: 1280px;
23.   height: 720px;
24. }
25. p{
26.     text-align: center;
27. }
28. h1{
29.     text-align: center;
30. }
31. .hint1 {
32.     color: white;
33.     background: #202830;
34.     padding: 16px;
35.     border: 10px #333f4c;
36.     border-radius: 100px;
37.     text-decoration: none;
38.     font-family: monospace;
39.     margin-top: 33px;
40.     margin-bottom: 20px;
41. }
42.    
43.   .hint1:hover {
44.   background: #333f4c;
45.   border: 4px solid #202020;
46.       transition: all 0.6s;
47.     }
48.  
49. .hint2 {
50.     color: white;
51.     background: #202830;
52.     padding: 16px;
53.     border: 10px #333f4c;
54.     border-radius: 100px;
55.     text-decoration: none;
56.     font-family: monospace;
57.     margin-top: 33px;
58.     margin-bottom: 20px;
59. }
60.    
61.   .hint2:hover {
62.   background: #333f4c;
63.   border: 4px solid #202020;
64.       transition: all 0.6s;
65.     }