body {
  background:#f5f5f5 url(https://happis.place/starmap_tile_overlay_addition.png) fixed;
  font-family: 'pixelify sans', 'courier new', lato, calibri, Verdana;
  font-size: 11px;
  color:#2eb5ea;
  letter-spacing: 1px;
}
a:link, a:visited, a:active { 
color:#b12ff7;text-decoration:none;}
      
a:hover {
color:#2c60e3;}

b {color:#ff3f4c;font-weight:bold;}
i {color:#2c60e3;font-style:normal;}

      
      
::-webkit-scrollbar-thumb {
background-color: #5BC0AE;  
border-radius: 5px;
border:0px solid #6ECA7A;}
::-webkit-scrollbar {
width: 5px; height: 0px; 
background: transparent;}      

      

      #header {position:absolute;
        top:78px;
        left:300px;
        width:250px;
        height:40px;
        background:#5FCFEE;
        border-top-right-radius:15px;
        border-top-left-radius:15px;
        text-align:center;
        color:#fff;
        padding:4px;
        font:30px 'pixelify sans', monospace;
        border-right:4px solid #638FE1;
        line-height:40px;}

      
      
      #sidebar {
      position:absolute;
      top:130px;
      left:300px;
      width:170px;
      background:#fff;
      padding:4px;
      border-top-left-radius:15px;
      border-left:2px solid #F2B8E4;
      border-top:2px solid #F2B8E4;
      border-right:2px solid #F2B8E4;}
      
      
.sideimg {width:170px;border-top-left-radius:15px;border-top-right-radius:15px;}
.sidetitle {background:#FCD176;font:20px 'pixelify sans', arial;color:#FFF;border-radius:15px;
text-align:center;border-bottom:4px solid #EF717E;margin-bottom:4px;}

      
      #content {
      position:absolute;
      top:130px;
      left:478px;
      width:400px;
      background:#fff;
      padding:4px;
      border-top:2px solid #F2B8E4;
      border-right:2px solid #F2B8E4;
      border-bottom:2px solid #F2B8E4;
      border-bottom-right-radius:15px;
      border-top-right-radius:15px;}
      
.contenttitleorange {background:#FCD176;font:26px 'pixelify sans', arial;color:#FFF;
border-radius:15px;text-align:center;border-bottom:4px solid #EF717E;margin-bottom:4px;}
.contenttitleblue {background:#5FCFEE;font:26px 'pixelify sans', arial;color:#FFF;
border-radius:15px;text-align:center;border-bottom:4px solid #638FE1;margin-bottom:4px;}
.contenttitlepurple {background:#DD7DCD;font:26px 'pixelify sans', arial;color:#FFF;
border-radius:15px;text-align:center;border-bottom:4px solid #B46DBF;margin-bottom:4px;}
.portimg {
  transition:transform 0.25s ease;}
.portimg:hover {
  -webkit-transform:scale(2);
  transform:scale(2);}
      
      
     #menu {
     position:absolute;
     top:180px;
     left:888px;
     width:140px;}

    #menu a {
    display:inline-block;
    background:#5FCFEE;
    margin-bottom:4px;
    padding:1px;
    padding-top:2px;
    width:136px;
    line-height:12px;
    font:normal 12px monospace;
    text-transform:uppercase;
    letter-spacing:3px;
    text-align:center;
    border-top-right-radius:15px;
    border-bottom-right-radius:15px;
    color:#fff;}