
a
{
    text-decoration:none;
}

a:link { 
    color: #cdffed; //color: #FF6A00; 
}

a:visited 
{ 
    color: #cdffed; //color: #FF6A00; 
}

a:hover 
{ 
    color: #cdffed; //color: #FF6A00; 
}


/* ----------------------------------------------
 * Generated by Animista on 2017-5-23 2:27:8
 * http://animista.net
 * T: @cssanimista
 * ----------------------------------------------  */
.bounce-in-top {
    -webkit-animation: bounce-in-top 0.8s both;
    -moz-animation: bounce-in-top 0.8s both;
    animation: bounce-in-top 1s both;
}

#vibrate {
    -webkit-animation: vibrate-1 0.3s linear infinite both;
    -moz-animation: vibrate-1 0.3s linear infinite both;
    animation: vibrate-1 0.3s linear infinite both;
}

@-webkit-keyframes bounce-in-top{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:translateY(-65px);transform:translateY(-65px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:translateY(-28px);transform:translateY(-28px);-webkit-animation-timing-function:ease-in}90%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes bounce-in-top{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:translateY(-65px);transform:translateY(-65px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:translateY(-28px);transform:translateY(-28px);-webkit-animation-timing-function:ease-in}90%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}
@-webkit-keyframes vibrate{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}40%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}60%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}80%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}100%{-webkit-transform:translate(0);transform:translate(0)}}@keyframes vibrate-1{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}40%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}60%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}80%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}100%{-webkit-transform:translate(0);transform:translate(0)}}*/

/*-------------------------------------------------------------------*/
.scale-in-center {
    -webkit-animation: scale-in-center 0.8s both;
    -moz-animation: scale-in-center 0.8s both;
    animation: scale-in-center 1s both;
}


/* ----------------------------------------------
 * Generated by Animista on 2020-9-30 9:47:54
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-in-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}



.background
{
    //background:url(../backgrounds/bkg120.jpg) no-repeat center fixed;

    
    background:url(../backgrounds/bkg45.jpg) no-repeat center fixed; 
    background-size: cover;    

}

body
{
    background-color: #060A19 !important;
    color: #cdffed; //color: #FF6A00;
    text-shadow:
    -1px -1px 7px #000,
    1px 1px 7px #000,
    -1px -1px 7px #000,
    1px 1px 7px #000;


    letter-spacing: 1px;
    line-height: 1px;

}

.header
{
    margin-bottom:-1em;
}

hr
{
    margin-top: 10px;
    width: 80% NOSHADE;
    display: block;
    height: 1px;
    border: 0;
    #border-top: 1px solid #FF6A00;
    margin: 1em 0;
    padding: 0; 
}

.icon
{
    max-width: 33px;
    max-height: 40px;
}

/* we have ~340x140 to work with */
.subtext
{
  vertical-align: middle;
  clear: both;
  line-height: 20px;
}


.links
{
    padding-top: 20px;
}

.line
{
    border-color: rgba(6, 10, 25, 0);
}

.music
{
    margin-top:30px;
}

img.resize{
   width:40px;
   height:40px;

   padding-top:-30px;
}

input[type=text] {
    border: 2px solid rgba(6, 10, 25, 0.75);
    bporder-radius: 4px;
    
    margin: 4px;
    margin-bottom: 2px;
}

.square
{
    /* the border itself */
    border-radius: 0px;
    border: 0px solid #FF6A00;
    // OLD border-radius: 25px;
    // OLD border: 2px solid #FF6A00;
    padding: 20px;
    margin-bottom: 10px;
    width: 450px;

    ///* the glass effect behind the border */
    //position: relative;
    //padding: 10px 0px;
    //background-color: rgba(6, 10, 25, 0.5);

    /* Center the thingy */
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) ;
}

.searchForm
{
    padding-top: 5px;
    margin-bottom: -5px;
}


#wrapper
{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) ; 
}


