@font-face {
    font-family: "hack-regular";
    src: url("/css/fonts/Hack-Regular.ttf");
}

/* @font-face {
    font-family: "hack-bold";
    src: url(Hack-Bold.ttf);
    font-weight: bold;
  }

  @font-face {
    font-family: hack-italic;
    src: url(Hack-Italic.ttf);
    font-weight: italic;
  } */ 


* {
    font-family: Hack,Hack-Regular,monospace;
    font-size: 14px;
    -webkit-text-size-adjust: 100%;
    margin: 0;
    padding: 0;
    text-decoration: none
}

body {
    background-color: #000012;
    color: #d0d0fa;
    font-weight: 400;
    padding-right: 1ch;
    padding-left: 1ch;
    margin: 0 auto;
    max-width: 55%;
    min-width: 480px
}

#p {
  color:red;
}

#hidden {
    display: none;
}

.active a {
    color: #50507a
}

a {
    color: #32a6a6
}

.s {
    color: #50507a
}



a:hover,.a {
    color: #4dffff
}

b {
    font-weight: 700
}

em {
    color: #b03580;
    font-style: italic
}

i {
    font-style: italic
}

strong {
    font-weight: 700;
    color: #66b0ff
}

h1,h2,h3,h4,h5,h6 {
    display: table;
    border: none;
    font-weight: 700;
    color: #66b0ff
}

h1 {
    border-image: url(/css/h1.png) 32 16 round
}

h2 {
    border-image: url(/css/h2.png) 32 16 round
}

h1,h2 {
    border-bottom: solid;
    border-width: 2ch
}

hr {
    border: none;
    border-image: url(/css/box.png) 32 16 round;
    border-bottom: solid;
    border-width: 2ch;
    margin: 0
}

ul {
    list-style-type: none;
    margin: 0;
    padding-left: 4ch
}

#m {
    float: right;
    margin-left: 1ch;
    font-weight: 700;
    color: #50507a
}

#title {
    color: #66b0ff;
    margin-bottom: 2ch
}

#nav {
    font-weight: 700;
    float: right;
    margin-left: 1ch
}

#nav ul {
    padding-left: 2ch
}


.box {
    display: inline-block;
    color: #f5f5ff;
    border-style: solid;
    border-width: 2ch 1ch;
    border-image: url(box.png) 32 16 round;
    padding-right: 1ch;
    padding-left: 1ch
}

.box hr {
    margin-right: -1ch;
    margin-left: -1ch
}

.prompt {
    color: #50507a;
    font-weight: 700;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.p {
    margin: 0;
    margin-bottom: 2ch;
    padding: 0;
    /* length:auto; */
}

.phone {
    display: none
}

@media only screen and (max-width: 480px) {
    .phone {
        display:inline-block
    }
}

@media not all and (min-resolution: .001dpcm) {
    
          h1,h2,h3,h4,h5,h6 {
            border:none;
            border-bottom: solid;
            border-color: #66b0ff;
            border-width: .25ch;
            margin-bottom: 1.75ch
        }

        hr {
            border: none;
            border-bottom: dashed;
            border-color: #50507a;
            margin-bottom: 1.75ch
        }

        .box {
            display: inline-block;
            color: #f5f5ff;
            border-style: solid;
            border-width: 2ch 1ch;
            border-image: url(box.png) 32 16 repeat;
            padding-right: 1ch;
            padding-left: 1ch
        }
    }