Skip to content

Commit e130223

Browse files
viditvarshneyviditvarshney
authored
Update style.css
1 parent 41522ca commit e130223

1 file changed

Lines changed: 189 additions & 1 deletion

File tree

‎style.css‎

Lines changed: 189 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,10 @@
1+
.navbar{
2+
3+
height: 100px;
4+
5+
6+
}
7+
18
#shape {
29

310
width:200px;
@@ -10,4 +17,185 @@
1017
.bold {
1118
font-weight: bold;
1219
color:red;
13-
}
20+
}
21+
22+
#Logo {
23+
24+
width: 310px;
25+
position: relative;
26+
top:-30px;
27+
28+
29+
}
30+
.navbar a {
31+
32+
margin-left: 100px;
33+
margin-top: 30px;
34+
35+
}
36+
37+
#contact {
38+
39+
position: relative;
40+
top: 40px;
41+
42+
}
43+
44+
#largerText {
45+
46+
font-size: 20px;
47+
48+
}
49+
50+
#profile {
51+
position: relative;
52+
top: -20px;
53+
font-size: 20px
54+
}
55+
img {
56+
57+
width: 35px;
58+
margin-bottom: 50px;
59+
60+
61+
}
62+
63+
#github {
64+
65+
width: 89px;
66+
67+
}
68+
69+
70+
71+
72+
.sidenav {
73+
height: 100%;
74+
width: 0;
75+
position: fixed;
76+
z-index: 1;
77+
top: 0;
78+
left: 0;
79+
background-color: #111;
80+
overflow-x: hidden;
81+
transition: 0.5s;
82+
padding-top: 40px;
83+
}
84+
85+
.sidenav a {
86+
padding: 8px px 0px 32px;
87+
text-decoration: none;
88+
color: #818187;
89+
display: block;
90+
transition: 0.5s;
91+
92+
}
93+
94+
.sidenav a:hover {
95+
color: #FFFFFF;
96+
}
97+
98+
.sidenav .closebtn {
99+
position: absolute;
100+
top: -49px;
101+
right: 2px;
102+
font-size: 49px;
103+
margin-left: 10px;
104+
}
105+
106+
#main {
107+
transition: margin-left .5s;
108+
padding: 15px;
109+
}
110+
111+
@media screen and (max-height: 450px) {
112+
.sidenav {padding-top: 15px;}
113+
.sidenav a {font-size: 18px;}
114+
}
115+
116+
#game-console {
117+
border: 1px solid blue;
118+
height: 550px;
119+
120+
121+
}
122+
container-fluid {
123+
124+
border: 1px solid blue;
125+
126+
}
127+
#instruction {
128+
129+
position: absolute;
130+
top: 450px;
131+
left: 35%;
132+
border: none;
133+
text-decoration: none;
134+
display: inline-block;
135+
width: 500px;
136+
height: 50px;
137+
text-align: center;
138+
border-radius: 50px;
139+
background-color: aqua;
140+
color:fuchsia;
141+
font-size: 20px;
142+
}
143+
144+
p {
145+
146+
font-size: 35px;
147+
position: relative;
148+
top: 50px;
149+
margin-left: 70px;
150+
151+
}
152+
153+
#gameConsole {
154+
155+
font-size: 30px;
156+
color: orangered;
157+
font-family:cursive;
158+
font-weight: bolder;
159+
text-decoration: none;
160+
display: block;
161+
position: relative;
162+
left: 1000px;
163+
top: -400px;
164+
165+
}
166+
167+
#gameConsole:hover {
168+
169+
text-decoration:underline;
170+
color: blueviolet;
171+
text-decoration-color: royalblue;
172+
text-decoration-style:wavy;
173+
174+
175+
}
176+
177+
#testyourreactions {
178+
179+
margin-left: 10px;
180+
margin-bottom: -55px;
181+
position: relative;
182+
top: -1px;
183+
184+
}
185+
186+
#time {
187+
188+
font-size: 15px;
189+
margin-left: 15px;
190+
191+
}
192+
193+
canvas {
194+
195+
border: 1px solid #d3d3d3;
196+
margin-top: 40px;
197+
width: 1364px;
198+
height: 529px;
199+
200+
}
201+

0 commit comments

Comments
 (0)