/* reset */
a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit}:focus{outline:0}body{line-height:1;color:#000;background:#fff}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,td,th{text-align:left;font-weight:400}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote,q{quotes:"" ""}.alignleft{float:left}.alignright{float:right}.clear{clear:both}

/* fonts */
/* @font-face {
    font-family: 'Disket Mono';
    src: url('../assets/Disket-Mono-Regular.ttf');
    font-weight: normal;
}
@font-face {
    font-family: 'Disket Mono';
    src: url('../assets/Disket-Mono-Bold.ttf');
    font-weight: bold;
} */

/* styling */
body{
    /* background-image: linear-gradient(135deg, #051230, black); */
    background-color: #0B0B0B;
    font-size: 14px;
    line-height: 1.3em;
    color: #fcfcf2;
}
h1{
    padding-bottom: 50px;
}
h1{
    /* text-align: center; */
}
div#menu{
    margin: 50px 0;
}
div#info{
    padding: 25px 25px 50px 25px;
    width: 350px;
    margin: 0 auto;
}
div#asfos{
    padding: 0 50px;
    /* margin-top: -100px; */
}
svg{
    border: 1px solid #6D7785;
    padding: 25px;
    border-radius: 25px;
    /* background-color: black; */
}


circle{
    fill: #fcfcf2;
    stroke-width: 1px;
    stroke: #0B0B0B;
}
/* circle.fade{
    fill:#6D7785;
} */

path.line.constellation{
    fill: none;
    stroke: #6D7785;
    stroke-width: 1px;
    opacity: 0;
    stroke-linejoin: round;
    stroke-linecap: round;
    /* stroke-dasharray: 3, 3; */
}
path.line.constellation.selected{
    stroke: #fcfcf2;
    /* stroke-dasharray: 1; */
    opacity: 1;
}
path.line.constellation.selected.shadow{
    stroke: #0B0B0B;
    stroke-width: 3px;
    /* stroke-dasharray: 1; */
    opacity: 1;
}
path.line.constellation.glow{
    stroke: #6D7785;
    stroke-width: 1px;
    /* fill: #6D7785; */
    stroke-linejoin:round;
    opacity: 0;
}
path.line.outerShape{
    stroke: #0B0B0B;
    stroke-width: 49px;
    fill: #0B0B0B;
}
path.line.outerShape.outer2{
    stroke: #6D7785;
    stroke-width: 50px;
    fill:none;
}
/* path.line.constellation.glow.catmull{
    stroke: blue;
    fill: blue;
}
path.line.constellation.glow.curve{
    stroke:red;
    fill: red;
} */
path.line.constellation.glow.selected{
    opacity: 1;
    stroke-width: 30px;
}

path.line.constellation.glow.selected.sideA{
    /* cream yellow */
    /* fill: #ffdd00; */
    stroke: #fdbf68;
}
path.line.constellation.glow.selected.sideB{
    /* fill: #62c6bf; */
    stroke: #62c6bf;
}
path.line.constellation.glow.selected.sideC{
    /* fill: #6450a1; */
    stroke: #6450a1;
}
path.line.constellation.glow.selected.sideD{
    /* fill: #da525d; */
    stroke: #da525d;
}

path.line.constellation.glow.selected.glow1{
    stroke-width: 10px;
}
path.line.constellation.glow.selected.glow2{
    stroke-width: 20px;
}
path.line.constellation.glow.selected.glow3{
    stroke-width: 30px;
}
path.line.constellation.glow.shade.selected{
    fill: #0B0B0B;
    stroke: none;
    /* stroke-width: 10px; */
    /* opacity: .2; */
}
/* path.line.constellation.sideA{
    fill: #fbe6a0;
    stroke: #fbe6a0;
} */

/* typography */
h1, h2{
    /* font-family: 'Disket Mono', sans-serif; */
    font-family: Georgia, 'Times New Roman', Times, serif;
    text-transform: uppercase;
}
h1{
    font-weight: bold;
    margin: 50px 0 10px;
    font-size: 1em;
    text-align: center;
    text-transform: uppercase;
}
h1 span{
    font-weight: lighter;
    font-size: .8em;
}
h2{
    font-size: 1em;
    margin: 20px 0 10px 0;
    text-align: center;
}
#menu{
    text-align: center;
}
p, a, span{
    font-family: Arial, Helvetica, sans-serif;
    color: #fcfcf2;
}
ul{
    margin-top: 25px;
}
a.select{
    cursor: pointer;
    text-decoration: underline;
    margin: 10px 0;
}
a.select.side{
    /* margin-left: 10px; */
}

p{
    font-size: .9em;
}