body {
    background-color: #000;
    color: #ff0099;
}
a {
    color: #ff0099;
    text-decoration: none;
}

a:hover {
    background-color: #fff;
    border-radius: 0.2em;
}

#logo {
    text-align: center;
    margin: auto;
    height: 100%;
}

#social {
    margin: auto;
    margin-bottom: 0.5em;
    width: 400px;
}
#listen {
    float: left;
    width: 200px;
}
#socialize {
    float:right;
    width: 200px;
}
#fail {
    clear: both;
}
#welcome {
    width: 500px;
    closeBtnInside:true;
}
#sublinks {
    padding: 1em;
    text-align: left;
    margin:auto;
}
#closeit {
    padding: 1em;
}
.white-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
  }
.sublink {
    margin: 2em;
}

.imglogo {
    padding: 2em;
}

.icon {
    /*background-color: #cc0099;*/
    background-color: #ff0099;
    width: 2em;
    height: 2em;
    border-radius: 0.2em;
    padding: 0.2em;
    margin: 0.2em;
    display: inline-block;
    background-size: cover;
}
.soc-head {
    color: #ff0099;
}
.marq {
    font-size: 0.3em;
    margin: 1em;
}

.marq a {
    color: #ff0099;
    text-decoration: none;
}

.align-right {
    text-align: right;
}

.welcome-pop {
    padding: 1em;
    margin:auto;
    color: #00ffff;
    width: 500px;
    background: #000033;
    border-radius: 0.5em;
    border: #ff0099 1px solid;
}


.welcome-pop a{
    color: #ccffff;
}

.welcome-pop a:hover{
    color: #ff0099;
    background: none;
}

.padded {
    margin-bottom: 0.5em;
}

/* overlay at start */
.mfp-fade.mfp-bg {
    opacity: 0;
  
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
    -webkit-transition: all 0.35s ease-in;
    -moz-transition: all 0.35s ease-in;
    transition: all 0.35s ease-in;
  }
  /* overlay animate in */
  .mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
  }
  /* overlay animate out */
  .mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
  }
  
  /* content at start */
  .mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
  
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
    -webkit-transition: all 0.35s ease-in;
    -moz-transition: all 0.35s ease-in;
    transition: all 0.35s ease-in;
  }
  /* content animate it */
  .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
  }
  /* content animate out */
  .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
  }