body {
    background-position-x: center;
    background-size:auto;
    background-repeat:repeat;
    font-family: Basiic, 'Courier New', Courier, monospace;
    font-size: 14px;
}
.wrapper
{   position:fixed;
    top:0;
    height:auto;
    width: auto;
    align-self: center;
    display: flex;
    justify-content: center;
    font-size: medium;
    vertical-align: top;
    align-items: center;
    background-color: rgb(41, 48, 74);
}
.player
{
    padding: 5px;
    border-style: solid;
    border-width: 3px;
    border-color: aquamarine;
    font-family: Tourney;
}
.title
{
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    color: rgb(10, 196, 162);
    text-align: left;
}
.song
{   padding: 2px;
    border-style: solid;
    border-width: 3px;
    margin: 5px;
    font-style:normal;
    font-weight: bold;
    line-height: 16px;
    color: rgb(0, 195, 255);
    text-align: left;
}s
.progress_container
{
    border-radius: 4px;
    height: 7px;
    display: flex;
    align-items: left;
    cursor: pointer;
    background-color: rgba(66, 55, 155, 0.5);
    margin: 4px 2px 4px 2px;
}
.progress
{
    background-color: blueviolet;
    border-radius: 2px;
    height: 4px;
}
.volumeContainer
{   
    border-radius: 2px;
    width: 50%;
    height: 5px;
    display: flex;
    align-items: center;
    background-color: rgba(44, 119, 28, 0.5);
    margin: 2px 2px 2px 2px;
}
.volume
    {
    cursor: pointer;
    background-color: rgba(41, 226, 0, 0.811);
    border-radius: 1px;
    height:2px;
    width:100%;
    }
.buttons
{
    display: flex;
    justify-content: space-between;
    align-items: left;
    max-width: 120px;
    width: 100%;
    cursor: pointer;
}
.usual
{
    background-image: url("Assets/BackGround001.jpg");

}
.usual2
{
    background-image: url("Assets/bkgtile.gif");
}
.gallery
{
    background-image: url("Assets/BackGround002.jpg");
    background-repeat: no-repeat;
    background-color: rgb(7, 50, 4);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
.container
{ 
    margin: auto;
    width: 65%;
    position: relative;
}
.backgroundimage
{
    position:fixed;

}
h1
{
    margin: 5px;
    border-style: none;
    border-spacing: 5px;
    border-width: 10px, 10px, 10px, 10px;
    border-color: blue;
    font-size:3em;
    text-align: center;
    text-decoration: wavy;
    text-shadow: 5px aquamarine;
    color: aquamarine;
}
#navigation a
{
    color: fuchsia;
    text-decoration: none;
}
.redshiny
{
    color: red;
    font-size:1,5em;
    font-weight: bold;
    text-shadow: rgb(41, 188, 144) 1px 0 10px;
}
table
{
    margin: 5px;
    table-layout: auto;
    border-style: solid;
    border-spacing: 5px;
    border-width: 10px, 10px, 10px, 10px;
    border-color: rgb(0, 255, 140);
    text-shadow: 5px aquamarine;
    color: aquamarine;
    font-size: medium;
}
.piesse
{
    margin: 10px, 10px, 10px, 10px;
    color:rgb(41, 188, 144);
    font-weight: bold;
    text-shadow: aquamarine 0 0 15px;
    font-size: large;
    padding-left: 20px;
    padding-right: 20px;
}
h2.piesse
{
    font-size: 150%;
    color:rgb(91, 241, 221);
    font-weight: bold;
    text-shadow: rgb(29, 152, 146) 0 0 15px;
}
#upbox
{
    text-align: right;
    font-size: medium;
    font-weight: bold;
    color: rgb(0, 221, 191);
    text-shadow: aquamarine 0 0 15px;
    background-color: rgba(127, 255, 212, 0.23);
    margin: 5px;
    padding: 5px;
}
#upbox a
{
    color: palegreen;
}
#headerwow
{
    margin: 40px 10px 10px 320px;
    box-sizing: border-box;
    background-clip:content-box;
    border-style: solid;
    border-color: rgba(203, 148, 255, 0.715);
    border-width: 5px;
    background-repeat: repeat;
    background-size:contain;
    font-weight: bold;
    color: chartreuse;
    text-shadow: aquamarine 0 0 15px;
    font-size: large;
    text-align: center;
    background-image: url(Assets/gifs/spacefly01.gif);
}
.spacefly
{   
    box-sizing: border-box;
    background-clip:content-box;
    line-height: 136px;
    vertical-align: middle;
    margin-left: 400px;
    margin-right: 100px;
    background-size:contain;
    background-position: center;
    background-repeat: repeat-x;
    font-weight: bold;
    text-align: center;
    font-size: 3em;
    text-shadow: aquamarine 0 0 20px;
    color: fuchsia;
    background-image: url("Assets/gifs/spacefly2_supercompressed.gif");
}

.box
{
    background-color: rgba(95, 158, 160, 0.175);
    font-family: 'Courier New', Courier, monospace;
    font-size: 18px;
    text-align: left;
    margin: 10px;
    padding: 10px;
    border-style: solid;
    border-width: 2px;
    border-color: aqua;
    color: aqua;
    text-shadow: aquamarine 0 0 15px;
}

#navigation
{   
    line-height: 0.7em;
    font:bold small-caps;
    font-weight: bold;
    font-variant: small-caps;
    font-size: 2em; 
    float: left;
    width: auto;
    color: blueviolet;
    border-style: solid;
    border-spacing: 10px;
    border-width: 20px;
    border-color: rgba(203, 148, 255, 0.715);
    background-color:rgba(164, 115, 177, 0.4);
    list-style:none;
    margin-left: 20px;
    margin-right: 20px;
    padding: 30px;
}

.deadendimg
{
    align-items: center;
    margin-left: 40%;
    margin-top: 25%;
    scale: 350%;
}

#app{
    position: absolute;
   top: 175px;
    right: 0%;
width:100px;
}