@import url(defaults.css);
@import url(basic2.css);

:root {
 --text-colour: #fff;
 --accent: lightblue;

 --header: linear-gradient(90deg, #ffffff24 50%, #00000000 100%);
 --header-dark: linear-gradient(90deg, #130d3038 50%, #0000 100%);

 --bg-img: linear-gradient(180deg,rgba(18, 38, 87, 1) 0%, rgba(106, 155, 223, 1) 50%); 

 --font-family: "GYLPHS" !important;
 --font-size: 20pt;
 --line-height: 1.2em;

 --header-font: "GYLPHS", monospace;
 --header-line-height: 1.2em;
  
  --body-padding: none;
 --wrapper-width: 80%;
 --wrapper-padding: 1em;

 --radius: 2px;
 --border: 1px solid #ffffff36;
}
    
  .header { 
  width: 100%;
  display: flex; 
  justify-content: space-between;
  align-items: center; 
  background: var(--header);
  border-radius: var(--radius);
  padding: .5em;
  border-bottom: var(--border);
  }

  .header h1 {
    background: none;
  }

  h1, h2, h3, h4 {
  font-style: italic;
  text-shadow: 0 0 5px var(--text-colour);
  background: var(--header);
  border-radius: var(--radius);
  }

  .nexus-logo {
  position: relative;
  width: 100px;
  filter: drop-shadow(8px 8px 10px #000000);
  }

  section {
    margin-top: 1em;
  }

  li {
    padding: .5em;
    list-style-type: none;
    background: var(--header);
  }

  li:nth-child(even) {
    background: var(--header-dark);
  }

  .ohm-new {
    float: right;
    width: 220px;
    filter: drop-shadow(8px 8px 10px #000000);
  }

  .ohm-manual {
    float: left;
    width: 200px;
    margin-right: .5em;
    filter: drop-shadow(-8px 8px 10px #000000)
  }