54 lines
996 B
CSS
54 lines
996 B
CSS
|
|
@font-face {
|
|
font-family: "Bit5x3";
|
|
src: url("http://localhost:8080/Bit5x3.woff2") format("woff2"),
|
|
url("http://localhost:8080/Bit5x3.woff") format("woff");
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
#preload_font {
|
|
font-family: "Bit5x3";
|
|
opacity:0;
|
|
height:0;
|
|
width:0;
|
|
display:inline-block;
|
|
}
|
|
body {
|
|
margin: 0;
|
|
background-color: #222425;
|
|
}
|
|
#canvas_container {
|
|
text-align: center;
|
|
/* border: dashed rgb(245, 245, 245) 5px; */
|
|
/* max-height: 80vh; */
|
|
/* overflow: hidden; */
|
|
}
|
|
#div_game_options {
|
|
text-align: center;
|
|
font-family: "Bit5x3";
|
|
color: rgb(245, 245, 245);
|
|
font-size: x-large;
|
|
}
|
|
#div_game_options fieldset {
|
|
max-width: 50vw;
|
|
width: auto;
|
|
margin: 0 auto;
|
|
}
|
|
#div_game_options fieldset div {
|
|
padding: 10px;
|
|
}
|
|
#play_pong_button {
|
|
font-family: "Bit5x3";
|
|
color: rgb(245, 245, 245);
|
|
background-color: #333333;
|
|
font-size: x-large;
|
|
padding: 10px;
|
|
}
|
|
canvas {
|
|
background-color: #333333;
|
|
max-width: 75vw;
|
|
/* max-height: 100vh; */
|
|
width: 80%;
|
|
}
|