57 lines
1.6 KiB
CSS
57 lines
1.6 KiB
CSS
|
@keyframes rainbowtext {
|
||
|
100%,0%{color: rgb(255,0,0); text-shadow: 0 0 4px rgb(216, 1, 1);}
|
||
|
8%{color: rgb(255,127,0); text-shadow: 0 0 4px rgb(211, 105, 0);}
|
||
|
16%{color: rgb(255,255,0); text-shadow: 0 0 4px rgb(214, 214, 0);}
|
||
|
25%{color: rgb(127,255,0); text-shadow: 0 0 4px rgb(105, 211, 0);}
|
||
|
33%{color: rgb(0,255,0); text-shadow: 0 0 4px rgb(0, 204, 0);;}
|
||
|
41%{color: rgb(0,255,127); text-shadow: 0 0 4px rgb(0, 209, 105);}
|
||
|
50%{color: rgb(0,255,255); text-shadow: 0 0 4px rgb(0, 202, 202);}
|
||
|
58%{color: rgb(0,127,255); text-shadow: 0 0 4px rgb(0, 103, 206);}
|
||
|
66%{color: rgb(0,0,255); text-shadow: 0 0 4px rgb(0, 0, 206);}
|
||
|
75%{color: rgb(127,0,255); text-shadow: 0 0 4px rgb(103, 0, 206);}
|
||
|
83%{color: rgb(255,0,255); text-shadow: 0 0 4px rgb(211, 0, 211);}
|
||
|
91%{color: rgb(255,0,127); text-shadow: 0 0 4px rgb(211, 0, 105);}
|
||
|
}
|
||
|
body {
|
||
|
overflow-x: hidden;
|
||
|
color: black;
|
||
|
font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
|
||
|
background-color: black;
|
||
|
background-image: url('images/bg_default.png');
|
||
|
background-repeat: no-repeat;
|
||
|
background-attachment: fixed;
|
||
|
background-size: cover;
|
||
|
overflow-wrap: break-word;
|
||
|
}
|
||
|
a {
|
||
|
color: dodgerblue;
|
||
|
}
|
||
|
a.tueaday {
|
||
|
color:inherit;
|
||
|
text-decoration:none;
|
||
|
}
|
||
|
a:hover {
|
||
|
color: dodgerblue;
|
||
|
}
|
||
|
#Header {
|
||
|
color: white;
|
||
|
text-shadow: 2px 2px 2px black;
|
||
|
width: 80%;
|
||
|
text-align: center;
|
||
|
margin: auto;
|
||
|
font-size: 1.5em;
|
||
|
}
|
||
|
#navbar{
|
||
|
border-bottom: 1px solid gainsboro;
|
||
|
overflow: hidden;
|
||
|
display:flex;
|
||
|
justify-content:center;
|
||
|
}
|
||
|
.navbarItem {
|
||
|
flex-grow:1;
|
||
|
text-align: center;
|
||
|
cursor:pointer;
|
||
|
}
|
||
|
.navbarItem:hover {
|
||
|
background-color: gainsboro;
|
||
|
}
|