#parallax1 {

    background-image: url("../images/MainTheme.jpg");
    height: 80vh;
    max-height: 1080px;

    background-attachment:fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.WrapSpan { 
    width:100%;
  word-break: break-all;
  white-space: normal;
}

.ThemeButton{
    background: no-repeat url("../images/SmallTheme.png") 0 0;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 3px 3px rgba(0,0,0, 0.6);
    /*
    

    
    
        background-image: url("../images/SmallTheme.png");
    background-repeat: no-repeat;
    background: url(/image/SmallTheme.png) no-repeat;
    cursor:pointer;
    border: none;
    padding: 20px;
    */
}


#Footer{
    background: url('../images/MainTheme.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: white;
    padding: 10px;
    text-align: center;
}


@font-face {
  font-family: 'coolvetica';
  src: url('../fonts/coolvetica.ttf');
}

.Cooltext{
 font-family: 'coolvetica', 'Georgia', 'serif'; 
 font-size: 62px;
 color: white;
}


.button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 22px 28px;
    border: 1px solid #2a0953;
    border-radius: 8px;
    background: #7619e6;
    background: -webkit-gradient(linear, left top, left bottom, from(#7619e6), to(#2a0953));
    background: -moz-linear-gradient(top, #7619e6, #2a0953);
    background: linear-gradient(to bottom, #7619e6, #2a0953);
    -webkit-box-shadow: #616161 5px 5px 5px 0px;
    -moz-box-shadow: #616161 5px 5px 5px 0px;
    box-shadow: #616161 5px 5px 5px 0px;
    text-shadow: #18052e 1px 1px 1px;
    font: normal normal bold 20px tahoma;
    color: #ffffff;
    text-decoration: none;
}
.button:hover,
.button:focus {
    border: 1px solid #2f0a5c;
    background: #8e1eff;
    background: -webkit-gradient(linear, left top, left bottom, from(#8e1eff), to(#320b64));
    background: -moz-linear-gradient(top, #8e1eff, #320b64);
    background: linear-gradient(to bottom, #8e1eff, #320b64);
    color: #ffffff;
    text-decoration: none;
}
.button:active {
    background: #2a0953;
    background: -webkit-gradient(linear, left top, left bottom, from(#2a0953), to(#2a0953));
    background: -moz-linear-gradient(top, #2a0953, #2a0953);
    background: linear-gradient(to bottom, #2a0953, #2a0953);
}
.button:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("/images/downloadb.png") no-repeat left center transparent;
    background-size: 100% 100%;
}


.buttonWH {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 24px;
    border: 1px solid #000000;
    border-radius: 8px;
    background: #e3e3e3;
    background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#ffffff));
    background: -moz-linear-gradient(top, #e3e3e3, #ffffff);
    background: linear-gradient(to bottom, #e3e3e3, #ffffff);
    font: normal normal bold 20px arial;
    color: #000000;
    text-decoration: none;
}
.buttonWH:hover,
.buttonWH:focus {
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
    background: -moz-linear-gradient(top, #ffffff, #ffffff);
    background: linear-gradient(to bottom, #ffffff, #ffffff);
    color: #000000;
    text-decoration: none;
}
.buttonWH:active {
    background: #888888;
    background: -webkit-gradient(linear, left top, left bottom, from(#888888), to(#ffffff));
    background: -moz-linear-gradient(top, #888888, #ffffff);
    background: linear-gradient(to bottom, #888888, #ffffff);
}
.buttonWH:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 10px -6px -4px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("/images/Github.png") no-repeat left center transparent;
    background-size: 100% 100%;
}