@import "/colors.css";

@font-face {
  font-family: "blockworks";
  src: url("/../fonts/BlockworksNuevo.otf");
}

body {
  font-family: blockworks, "trebuchet ms", sans-serif;
  line-height: 1.25; margin: 0;
}


nav {position: fixed; top: 0; width: calc(100% - 16px); z-index:512;
background-color: var(--v);
padding-left: 8px; padding-right: 8px;}

nav a {border-radius: 4px; color: var(--v95); float: left; font-size: 32px; text-align: center; height: 32px; padding: 4px; margin: 4px; text-decoration: none;}
nav a img {height: 32px; cursor: pointer;}
nav a.menu-right {float: right;}

menu {float: left; padding: 0; margin: 4px;}

em-name {font-size: 32px; border: none; outline: none; color: var(--v95); height:40px; padding: 4px; padding-bottom: 8px; margin: 4px; margin-bottom: 0; border-radius: 4px 4px 0 0; cursor: pointer;}

nav a:hover, menu:hover em-name {background-color: var(--vl);}

em-items {display: none; position: absolute; top: 48px; background-color: var(--vl); z-index: 1; margin-left:4px;}

menu:hover em-items {display: block;}

em-items a {font-size: 32px; float: none; height:40px; padding: 4px; padding-left: 16px; padding-right: 8px; margin: 0; border-radius: 0; text-decoration: none; display: block; text-align: left;}

em-items a:hover {background-color: var(--vll);}

main {
  background: var(--v95) repeating-conic-gradient(var(--v95) 0 25%, white 25% 50%) fixed top / 96px 96px;
  color: var(--v20); padding: 16px; position: absolute; top: 48px; width: calc(100% - 32px); min-height: calc(100% - 48px);}

.dark-mode main {
  background: var(--v20) repeating-conic-gradient(var(--v10) 0 25%, var(--v20) 25% 50%) fixed top / 96px 96px;
  color: var(--v95);}

main h1 {font-size: 56px;}
main p {font-size: 24px;}
main li {font-size: 24px;}

main a:link{color:var(--a);}
main a:visited{color:var(--t);}
main a:hover{color:var(--g);}
main a:active{color:var(--l);}
main a.dne:link{color:var(--r);}
main a.dne:visited{color:var(--rd);}
main a.dne:hover{color:var(--od);}
main a.dne:active{color:var(--o);}