You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

142 lines
2.8 KiB
CSS

body {
/*/width: 300px;
height: 200px; /*/
background: red;
4 years ago
animation: mymove 25s infinite;
font-family:"Gill Sans", sans-serif;
font-size:20pt;
}
/*/ background colors shifting /*/
@keyframes mymove {
0% { background-color:#FF8300; } /*/orange/*/
4 years ago
20% { background-color:#963C61; } /*/brownpurpl/*/
40% { background-color:#CE8BFF; } /*/purple/*/
4 years ago
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%;
4 years ago
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;
}