body {
  /*/width: 300px;
  height: 200px; /*/
  background: red;
  animation: mymove 25s infinite;
    font-family:"Gill Sans", sans-serif;
    font-size:20pt;
}
/*/ background colors shifting /*/
@keyframes mymove {
    0% { background-color:#FF8300; }    /*/orange/*/
    20% { background-color:#963C61; } /*/brownpurpl/*/
    40% { background-color:#CE8BFF; } /*/purple/*/
    50% { background-color:#6882FF; } /*/lavender/*/
    60% { background-color:#82FFA3; } /*/green/*/
    85% { background-color:#000; } /*/black/*/
    100%{ background-color:#FF8300; } /*/orange/*/
}

@font-face {
    font-family: wfdtf;
    src: url(Fonts/wftfs-Regular.otf);
}  
@font-face {
    font-family: p10;
    src: url(Fonts/Pioneer10.otf);
}
a.link{
    font-family: wfdtf;
    color: #00D606;
    font-size: 30px;
}

.ecoswa{
    font-family: indi;
    font-size: 70pt;
    color:#A200FF;
}

#question{
    width:100%;
    color: white;
    height: 60px;  
    text-align: center;
}

/*/#left{
    float:left;
    width:15%;
    height: 100%;  
    text-align: center;
    background: url("eco3trans.png");
    background-color:#72E1EE;
}/*/
/*/#almostleft{
    float:left;
    width:10%;
    background: #93FF6E;
    height: 100%; 
    text-align: center;
}/*/

header{
    /*/background: #72E1EE;/*/
    width:100%;
    height: 30%;

}

#empty{
    height:100px;
    width:100%;
}

/*/ buttons /*/
.example_a {
color: #FF6400 !important;
font-family: p10;
text-decoration: none;
background: #8A5159;
height: 200px;
border-radius: 0px;
display: inline-block;
border: none;
transition: all 0.4s ease 0s;
width: 100%;
text-align: center;
}

.example_a:hover {
text-shadow: 0px 0px 6px rgba(163, 141, 72, 0.9);
-webkit-box-shadow: 0px 5px 40px -10px rgba(201, 92, 32, 0.9);
-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
transition: all 0.4s ease 0s;
}

.example_b {
color: #5500FF  !important;
text-shadow: 2px 2px 8px #FFE000;
font-family: cursive;
text-decoration: none;
background: #ACFF98;
border-radius: 0px;
display: inline-block;
border: none;
transition: all 0.4s ease 0s;
width: 100%;
height: 200px;
text-align: center;
}

.example_b:hover {
text-shadow: 0px 0px 6px rgba(255, 255, 255, 1);
-webkit-box-shadow: 0px 5px 40px -10px rgba(58, 236, 50, 1);
-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
transition: all 0.4s ease 0s;
}

.example_c {
color: #fff !important;
font-family: monospace;
text-decoration: none;
background: #2B2B2B;
height: 200px;
border-radius: 0px;
display: inline-block;
border: none;
transition: all 0.4s ease 0s;
width: 100%;
text-align: center;
}

.example_c:hover {
text-shadow: 0px 0px 6px rgba(255, 255, 255, 1);
-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
transition: all 0.4s ease 0s;
}

.cursor{
     cursor:url(cursor.png), auto;
}