SnakeGame/assets/style.css

76 lines
1010 B
CSS
Raw Permalink Normal View History

2020-03-23 17:25:46 +00:00
@font-face {
font-family: 'MachineScript';
font-style: normal;
font-weight: 400;
src: url(./MachineScript.ttf) format('truetype');
}
html, body {
width: 100%;
height: 100%;
margin: 0;
}
html {
background-color: #29292a;
}
body {
font-family: MachineScript;
color: white;
display: flex;
justify-content: center;
align-items: center;
2020-03-27 16:39:47 +00:00
background: url(./map/grass.png);
2020-03-23 17:25:46 +00:00
}
#backlayer {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: #000000d6;
z-index: 1;
}
#startScreen {
text-align: center;
z-index: 2;
}
#startScreen ul {
list-style: none;
line-height: 30px;
padding: 0px;
2020-03-23 17:33:33 +00:00
margin: 50px;
2020-03-23 17:25:46 +00:00
}
a {
color: white;
}
a:hover {
color: darkgreen;
}
#gameScreen {
z-index: 2;
text-align: center;
}
canvas {
margin-bottom: 20px;
2020-03-27 16:39:47 +00:00
}
#rulesScreen {
text-align: center;
z-index: 2;
}
img {
height: 50px;
width: 50px;
2020-03-31 14:30:07 +00:00
margin: 2px;
2020-03-23 17:25:46 +00:00
}