/* basic */
@font-face {
    font-family: 'NDS12';
    src: url('font/NDS12.eot');
    src: url('font/NDS12.eot?#iefix') format('embedded-opentype'),
        url('font/NDS12.woff2') format('woff2'),
        url('font/NDS12.woff') format('woff'),
        url('font/NDS12.ttf') format('truetype'),
        url('font/NDS12.svg#NDS12') format('svg');
    font-weight: normal;
    font-style: normal;
}
body
{
  margin: 0;
  padding: 0;
  min-width:100%;
  min-height:100%;
  font-family: NDS12,Arial;
}




/* miscellaneous */
a:link
{
    text-decoration: none;
    color: grey;
}
a:visited
{
    text-decoration: none;
    color: grey;
}
a:hover
{
    text-decoration: none;
    color: black;
}




/* menu */
#menu
{
  display: flex;
}
.menu
{
  width: 100%;
  position: fixed;
  box-shadow: 0px 0px 10px black;
  background: linear-gradient(to left, #ff7f00 0.0%, yellow 100.0%);
}




/* flux-related */
#flux
{
  display: inline-block;
}
.flux
{
  border: 3px black solid;
  box-shadow: 0px 0px 10px black;
  border-radius: 90px;
}
.fluximg
{
  border: 2px black solid;
  border-radius: 90px;
}




/* footer */
.footer
{
    background-color: #303030;
    text-align: center;
    color: white;
}