@import url('https://fonts.googleapis.com/css2?family=Alumni+Sans+Pinstripe:ital@0;1&display=swap');

body {
  background-color: #0d1a26;
  color: #0F0;
  font-family: Verdana;
  font:normal 1em "Alumni Sans Pinstripe", sans-serif;
}

h1 {
position: relative;
font-size:2.5em;
text-shadow: 0 0 5px #0f0, 0 0 10px #0f0, 0 0 20px #0f0;

}

h3 {
position: relative;
font-size:1.5em;
text-shadow: 0 0 5px #0f0, 0 0 10px #0f0, 0 0 20px #0f0;
}
a {
     color:#0f0;
     text-decoration:none;
     font-size:1.5em;
     font-weight:bold;
}
a:hover {
     color:#000;
}
p {
     font-size:1.25em;
}

.top {
     position:absolute;
     top:0;
     height:auto;
}
.bottom {
     position:absolute;
     bottom:0;
     height:auto;
}
.rail {
     width:0%;
     text-align:center;
}
.cursor {
  display: inline-block;
  color: #0f0;
  font-weight: bold;
}
.button-slim {
     background: transparent;
     color:#0f0;
     border:2px solid #0f0;
     height:48px;
     width:176px;
     cursor:pointer;
     margin:8px 0px;
     font:bold 1.5em "Alumni Sans Pinstripe", sans-serif;
}
.button-slim:hover {
     background-color: #0f0;
     color:#000;
     border:0px solid #0f0;
}
#hero {
     border:0px solid #fff;
     background-color: #000;
     position:absolute;
     top:40%;
     left:50%;
     width:640px;
     height:auto;
     margin-left:-320px;
     text-align:center;
}
#overlay {
     background-color:#000;
     position:fixed;
     top:0;
     left:0;
     width:100%;
     height:100%;
     z-index:666;
}
#panel-left {
     border: 0px dotted #fff;
     position:fixed;
     top:32px;
     left:32px;
     width:240px;
     padding-left:32px;
}
#panel-left ul li {
     position:relative;
}
#panel-right {
     border: 0px dotted #fff;
     position:fixed;
     top:32px;
     right:32px;
     width:240px;
     padding-left:32px;
}
#panel-right ul li {
     position:relative;
}
#expansion {
     position:absolute;
     top:56px;
     left:240px;
     height:auto;
     width:55px;
}
.wireframe {
     position:absolute;
     top:0;
     left:0;
     z-index:-2;
     width:100%;
     height:auto;
}
.headshot {
     border:1px solid #0f0;
     position:absolute;
     top:32px;
     left:24px;
     z-index:-1;
     width:80%;
     height:auto;
}
.spacer {
     display:block;
     border:0px dotted #fff;
     position:relative;
     width:100%;
     height:32px;
}

.custom-list li {
  position: relative;
  padding-left: 26px; /* space for the icon */
}

.custom-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 17px;
  width: 22px; /* defines visible area for the image */
  background: url("../img/vectors/link-icon.svg") no-repeat center / auto 17px;
}
.custom-list li:hover {
     color: #000;
     font-weight:bold;
     background-color:#0f0;
}