/* LICENSE OF THIS CODE: MIT or GPLv2, do watever you want with this as long as you learn from it. */ /*https://neocities.org/tutorials has probably the best tutorials*/ /* ALso a good page to understand CSS and HTML is to look at the code of https://suckless.org/ */ /* NOTE: A --XXXXX is a variable */ /* Variables seem to not to be supported by netsurf, F :root { --bg-color: #ff7289; --text-color: #000; --footer-color: #241131; --header-color: #241131; }*/ /* modifies properties of ****** */ body { background-color: #61002d; color: #000; } footer,header { color:white; } footer{ background-color: #30002d; /* based from https://www.w3schools.com/howto/howto_css_fixed_footer.asp */ position: fixed; left: 0; bottom: 0; width: 100%; height: 2.5em; /* 1em means the size of the font, 2 two text size stacked up */ /*Align horizontally in the box and vertically */ display: flex; justify-content: center; align-items: center; } /* Note a .something{} modifies the properties of a class, it can be selected in the html with ****/ header{ background-color: #30002d; width: 100%; height: 2.5em; border-style: dashed; border-color: #678; border-radius: 0.5em; display:flex; align-items: center; }