51 lines
908 B
CSS
51 lines
908 B
CSS
|
/******************* Constants *******************/
|
||
|
|
:root {
|
||
|
|
--font-color: #EFEFEF;
|
||
|
|
--font-color-em: #8C8C8C;
|
||
|
|
--background-color-main: #404040;
|
||
|
|
--background-color-secondary: #505050;
|
||
|
|
--avatar-background: #B6B6B6;
|
||
|
|
--color01: #99CCFF;
|
||
|
|
--color01_bright: #58af58;
|
||
|
|
--color02: #ab7026;
|
||
|
|
--color02_bright: #ea9a36;
|
||
|
|
|
||
|
|
--nav-maxwidth: 900px;
|
||
|
|
--nav-height: 5em;
|
||
|
|
--body-maxwidth: 900px;
|
||
|
|
--footer-maxwidth: 900px;
|
||
|
|
--footer-height: 9em;
|
||
|
|
--padding-border: 1em;
|
||
|
|
}
|
||
|
|
|
||
|
|
/******************* Page *******************/
|
||
|
|
* {
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
html {
|
||
|
|
background-color: var(--background-color-main);
|
||
|
|
font-family: Lato, Helvetica, sans-serif;
|
||
|
|
font-size: large;
|
||
|
|
color: var(--font-color);
|
||
|
|
min-height: 100vh
|
||
|
|
}
|
||
|
|
body {
|
||
|
|
margin: 0;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
a {
|
||
|
|
color: var(--font-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
/******************* Header *******************/
|
||
|
|
|
||
|
|
#navbar {
|
||
|
|
height: 2em;
|
||
|
|
font-size: 2em;
|
||
|
|
}
|
||
|
|
|
||
|
|
#my_canvas {
|
||
|
|
height: 400px;
|
||
|
|
}
|