41 行
18 KiB
CSS
41 行
18 KiB
CSS
.logo-img { border: 2px solid #cb81ea; box-shadow: 0 0 7px 3px #b16cce; }
|
|
.logo-sns { transition: background 0.3s, color 0.3s; background-color: #31363b; border: 1px solid #eff0f1; padding: 8px; margin: 4px 10px; }
|
|
.logo-sns:hover { background-color: #eff0f1; border: 1px solid #31363b; }
|
|
.logo-play { transition: background 0.3s, color 0.3s; background-color: transparent; border-radius: 25%; padding: 2px; }
|
|
.logo-play:hover { background-color: #ff3636; }
|
|
.logo-br { padding: 8px; }
|
|
|
|
@-webkit-keyframes sitenamehover {
|
|
0% { text-shadow: -4px -4px 0 #b16cce, -4px -3px 0 #b16cce, -4px -2px 0 #b16cce, -4px -1px 0 #b16cce, -4px 0px 0 #b16cce, -4px 1px 0 #b16cce, -4px 2px 0 #b16cce, -4px 3px 0 #b16cce, -4px 4px 0 #b16cce, -3px -4px 0 #b16cce, -3px -3px 0 #b16cce, -3px -2px 0 #b16cce, -3px -1px 0 #b16cce, -3px 0px 0 #b16cce, -3px 1px 0 #b16cce, -3px 2px 0 #b16cce, -3px 3px 0 #b16cce, -3px 4px 0 #b16cce, -2px -4px 0 #b16cce, -2px -3px 0 #b16cce, -2px -2px 0 #b16cce, -2px -1px 0 #b16cce, -2px 0px 0 #b16cce, -2px 1px 0 #b16cce, -2px 2px 0 #b16cce, -2px 3px 0 #b16cce, -2px 4px 0 #b16cce, -1px -4px 0 #b16cce, -1px -3px 0 #b16cce, -1px -2px 0 #b16cce, -1px -1px 0 #b16cce, -1px 0px 0 #b16cce, -1px 1px 0 #b16cce, -1px 2px 0 #b16cce, -1px 3px 0 #b16cce, -1px 4px 0 #b16cce, 0px -4px 0 #b16cce, 0px -3px 0 #b16cce, 0px -2px 0 #b16cce, 0px -1px 0 #b16cce, 0px 0px 0 #b16cce, 0px 1px 0 #b16cce, 0px 2px 0 #b16cce, 0px 3px 0 #b16cce, 0px 4px 0 #b16cce, 1px -4px 0 #b16cce, 1px -3px 0 #b16cce, 1px -2px 0 #b16cce, 1px -1px 0 #b16cce, 1px 0px 0 #b16cce, 1px 1px 0 #b16cce, 1px 2px 0 #b16cce, 1px 3px 0 #b16cce, 1px 4px 0 #b16cce, 2px -4px 0 #b16cce, 2px -3px 0 #b16cce, 2px -2px 0 #b16cce, 2px -1px 0 #b16cce, 2px 0px 0 #b16cce, 2px 1px 0 #b16cce, 2px 2px 0 #b16cce, 2px 3px 0 #b16cce, 2px 4px 0 #b16cce, 3px -4px 0 #b16cce, 3px -3px 0 #b16cce, 3px -2px 0 #b16cce, 3px -1px 0 #b16cce, 3px 0px 0 #b16cce, 3px 1px 0 #b16cce, 3px 2px 0 #b16cce, 3px 3px 0 #b16cce, 3px 4px 0 #b16cce, 4px -4px 0 #b16cce, 4px -3px 0 #b16cce, 4px -2px 0 #b16cce, 4px -1px 0 #b16cce, 4px 0px 0 #b16cce, 4px 1px 0 #b16cce, 4px 2px 0 #b16cce, 4px 3px 0 #b16cce, 4px 4px 0 #b16cce; }
|
|
25% { text-shadow: -4px -4px 0 #cb81ea, -4px -3px 0 #cb81ea, -4px -2px 0 #cb81ea, -4px -1px 0 #cb81ea, -4px 0px 0 #cb81ea, -4px 1px 0 #cb81ea, -4px 2px 0 #cb81ea, -4px 3px 0 #cb81ea, -4px 4px 0 #cb81ea, -3px -4px 0 #cb81ea, -3px -3px 0 #cb81ea, -3px -2px 0 #cb81ea, -3px -1px 0 #cb81ea, -3px 0px 0 #cb81ea, -3px 1px 0 #cb81ea, -3px 2px 0 #cb81ea, -3px 3px 0 #cb81ea, -3px 4px 0 #cb81ea, -2px -4px 0 #cb81ea, -2px -3px 0 #cb81ea, -2px -2px 0 #cb81ea, -2px -1px 0 #cb81ea, -2px 0px 0 #cb81ea, -2px 1px 0 #cb81ea, -2px 2px 0 #cb81ea, -2px 3px 0 #cb81ea, -2px 4px 0 #cb81ea, -1px -4px 0 #cb81ea, -1px -3px 0 #cb81ea, -1px -2px 0 #cb81ea, -1px -1px 0 #cb81ea, -1px 0px 0 #cb81ea, -1px 1px 0 #cb81ea, -1px 2px 0 #cb81ea, -1px 3px 0 #cb81ea, -1px 4px 0 #cb81ea, 0px -4px 0 #cb81ea, 0px -3px 0 #cb81ea, 0px -2px 0 #cb81ea, 0px -1px 0 #cb81ea, 0px 0px 0 #cb81ea, 0px 1px 0 #cb81ea, 0px 2px 0 #cb81ea, 0px 3px 0 #cb81ea, 0px 4px 0 #cb81ea, 1px -4px 0 #cb81ea, 1px -3px 0 #cb81ea, 1px -2px 0 #cb81ea, 1px -1px 0 #cb81ea, 1px 0px 0 #cb81ea, 1px 1px 0 #cb81ea, 1px 2px 0 #cb81ea, 1px 3px 0 #cb81ea, 1px 4px 0 #cb81ea, 2px -4px 0 #cb81ea, 2px -3px 0 #cb81ea, 2px -2px 0 #cb81ea, 2px -1px 0 #cb81ea, 2px 0px 0 #cb81ea, 2px 1px 0 #cb81ea, 2px 2px 0 #cb81ea, 2px 3px 0 #cb81ea, 2px 4px 0 #cb81ea, 3px -4px 0 #cb81ea, 3px -3px 0 #cb81ea, 3px -2px 0 #cb81ea, 3px -1px 0 #cb81ea, 3px 0px 0 #cb81ea, 3px 1px 0 #cb81ea, 3px 2px 0 #cb81ea, 3px 3px 0 #cb81ea, 3px 4px 0 #cb81ea, 4px -4px 0 #cb81ea, 4px -3px 0 #cb81ea, 4px -2px 0 #cb81ea, 4px -1px 0 #cb81ea, 4px 0px 0 #cb81ea, 4px 1px 0 #cb81ea, 4px 2px 0 #cb81ea, 4px 3px 0 #cb81ea, 4px 4px 0 #cb81ea; }
|
|
50% { text-shadow: -4px -4px 0 #f1d0ff, -4px -3px 0 #f1d0ff, -4px -2px 0 #f1d0ff, -4px -1px 0 #f1d0ff, -4px 0px 0 #f1d0ff, -4px 1px 0 #f1d0ff, -4px 2px 0 #f1d0ff, -4px 3px 0 #f1d0ff, -4px 4px 0 #f1d0ff, -3px -4px 0 #f1d0ff, -3px -3px 0 #f1d0ff, -3px -2px 0 #f1d0ff, -3px -1px 0 #f1d0ff, -3px 0px 0 #f1d0ff, -3px 1px 0 #f1d0ff, -3px 2px 0 #f1d0ff, -3px 3px 0 #f1d0ff, -3px 4px 0 #f1d0ff, -2px -4px 0 #f1d0ff, -2px -3px 0 #f1d0ff, -2px -2px 0 #f1d0ff, -2px -1px 0 #f1d0ff, -2px 0px 0 #f1d0ff, -2px 1px 0 #f1d0ff, -2px 2px 0 #f1d0ff, -2px 3px 0 #f1d0ff, -2px 4px 0 #f1d0ff, -1px -4px 0 #f1d0ff, -1px -3px 0 #f1d0ff, -1px -2px 0 #f1d0ff, -1px -1px 0 #f1d0ff, -1px 0px 0 #f1d0ff, -1px 1px 0 #f1d0ff, -1px 2px 0 #f1d0ff, -1px 3px 0 #f1d0ff, -1px 4px 0 #f1d0ff, 0px -4px 0 #f1d0ff, 0px -3px 0 #f1d0ff, 0px -2px 0 #f1d0ff, 0px -1px 0 #f1d0ff, 0px 0px 0 #f1d0ff, 0px 1px 0 #f1d0ff, 0px 2px 0 #f1d0ff, 0px 3px 0 #f1d0ff, 0px 4px 0 #f1d0ff, 1px -4px 0 #f1d0ff, 1px -3px 0 #f1d0ff, 1px -2px 0 #f1d0ff, 1px -1px 0 #f1d0ff, 1px 0px 0 #f1d0ff, 1px 1px 0 #f1d0ff, 1px 2px 0 #f1d0ff, 1px 3px 0 #f1d0ff, 1px 4px 0 #f1d0ff, 2px -4px 0 #f1d0ff, 2px -3px 0 #f1d0ff, 2px -2px 0 #f1d0ff, 2px -1px 0 #f1d0ff, 2px 0px 0 #f1d0ff, 2px 1px 0 #f1d0ff, 2px 2px 0 #f1d0ff, 2px 3px 0 #f1d0ff, 2px 4px 0 #f1d0ff, 3px -4px 0 #f1d0ff, 3px -3px 0 #f1d0ff, 3px -2px 0 #f1d0ff, 3px -1px 0 #f1d0ff, 3px 0px 0 #f1d0ff, 3px 1px 0 #f1d0ff, 3px 2px 0 #f1d0ff, 3px 3px 0 #f1d0ff, 3px 4px 0 #f1d0ff, 4px -4px 0 #f1d0ff, 4px -3px 0 #f1d0ff, 4px -2px 0 #f1d0ff, 4px -1px 0 #f1d0ff, 4px 0px 0 #f1d0ff, 4px 1px 0 #f1d0ff, 4px 2px 0 #f1d0ff, 4px 3px 0 #f1d0ff, 4px 4px 0 #f1d0ff; }
|
|
75% { text-shadow: -4px -4px 0 #cb81ea, -4px -3px 0 #cb81ea, -4px -2px 0 #cb81ea, -4px -1px 0 #cb81ea, -4px 0px 0 #cb81ea, -4px 1px 0 #cb81ea, -4px 2px 0 #cb81ea, -4px 3px 0 #cb81ea, -4px 4px 0 #cb81ea, -3px -4px 0 #cb81ea, -3px -3px 0 #cb81ea, -3px -2px 0 #cb81ea, -3px -1px 0 #cb81ea, -3px 0px 0 #cb81ea, -3px 1px 0 #cb81ea, -3px 2px 0 #cb81ea, -3px 3px 0 #cb81ea, -3px 4px 0 #cb81ea, -2px -4px 0 #cb81ea, -2px -3px 0 #cb81ea, -2px -2px 0 #cb81ea, -2px -1px 0 #cb81ea, -2px 0px 0 #cb81ea, -2px 1px 0 #cb81ea, -2px 2px 0 #cb81ea, -2px 3px 0 #cb81ea, -2px 4px 0 #cb81ea, -1px -4px 0 #cb81ea, -1px -3px 0 #cb81ea, -1px -2px 0 #cb81ea, -1px -1px 0 #cb81ea, -1px 0px 0 #cb81ea, -1px 1px 0 #cb81ea, -1px 2px 0 #cb81ea, -1px 3px 0 #cb81ea, -1px 4px 0 #cb81ea, 0px -4px 0 #cb81ea, 0px -3px 0 #cb81ea, 0px -2px 0 #cb81ea, 0px -1px 0 #cb81ea, 0px 0px 0 #cb81ea, 0px 1px 0 #cb81ea, 0px 2px 0 #cb81ea, 0px 3px 0 #cb81ea, 0px 4px 0 #cb81ea, 1px -4px 0 #cb81ea, 1px -3px 0 #cb81ea, 1px -2px 0 #cb81ea, 1px -1px 0 #cb81ea, 1px 0px 0 #cb81ea, 1px 1px 0 #cb81ea, 1px 2px 0 #cb81ea, 1px 3px 0 #cb81ea, 1px 4px 0 #cb81ea, 2px -4px 0 #cb81ea, 2px -3px 0 #cb81ea, 2px -2px 0 #cb81ea, 2px -1px 0 #cb81ea, 2px 0px 0 #cb81ea, 2px 1px 0 #cb81ea, 2px 2px 0 #cb81ea, 2px 3px 0 #cb81ea, 2px 4px 0 #cb81ea, 3px -4px 0 #cb81ea, 3px -3px 0 #cb81ea, 3px -2px 0 #cb81ea, 3px -1px 0 #cb81ea, 3px 0px 0 #cb81ea, 3px 1px 0 #cb81ea, 3px 2px 0 #cb81ea, 3px 3px 0 #cb81ea, 3px 4px 0 #cb81ea, 4px -4px 0 #cb81ea, 4px -3px 0 #cb81ea, 4px -2px 0 #cb81ea, 4px -1px 0 #cb81ea, 4px 0px 0 #cb81ea, 4px 1px 0 #cb81ea, 4px 2px 0 #cb81ea, 4px 3px 0 #cb81ea, 4px 4px 0 #cb81ea; }
|
|
100% { text-shadow: -4px -4px 0 #b16cce, -4px -3px 0 #b16cce, -4px -2px 0 #b16cce, -4px -1px 0 #b16cce, -4px 0px 0 #b16cce, -4px 1px 0 #b16cce, -4px 2px 0 #b16cce, -4px 3px 0 #b16cce, -4px 4px 0 #b16cce, -3px -4px 0 #b16cce, -3px -3px 0 #b16cce, -3px -2px 0 #b16cce, -3px -1px 0 #b16cce, -3px 0px 0 #b16cce, -3px 1px 0 #b16cce, -3px 2px 0 #b16cce, -3px 3px 0 #b16cce, -3px 4px 0 #b16cce, -2px -4px 0 #b16cce, -2px -3px 0 #b16cce, -2px -2px 0 #b16cce, -2px -1px 0 #b16cce, -2px 0px 0 #b16cce, -2px 1px 0 #b16cce, -2px 2px 0 #b16cce, -2px 3px 0 #b16cce, -2px 4px 0 #b16cce, -1px -4px 0 #b16cce, -1px -3px 0 #b16cce, -1px -2px 0 #b16cce, -1px -1px 0 #b16cce, -1px 0px 0 #b16cce, -1px 1px 0 #b16cce, -1px 2px 0 #b16cce, -1px 3px 0 #b16cce, -1px 4px 0 #b16cce, 0px -4px 0 #b16cce, 0px -3px 0 #b16cce, 0px -2px 0 #b16cce, 0px -1px 0 #b16cce, 0px 0px 0 #b16cce, 0px 1px 0 #b16cce, 0px 2px 0 #b16cce, 0px 3px 0 #b16cce, 0px 4px 0 #b16cce, 1px -4px 0 #b16cce, 1px -3px 0 #b16cce, 1px -2px 0 #b16cce, 1px -1px 0 #b16cce, 1px 0px 0 #b16cce, 1px 1px 0 #b16cce, 1px 2px 0 #b16cce, 1px 3px 0 #b16cce, 1px 4px 0 #b16cce, 2px -4px 0 #b16cce, 2px -3px 0 #b16cce, 2px -2px 0 #b16cce, 2px -1px 0 #b16cce, 2px 0px 0 #b16cce, 2px 1px 0 #b16cce, 2px 2px 0 #b16cce, 2px 3px 0 #b16cce, 2px 4px 0 #b16cce, 3px -4px 0 #b16cce, 3px -3px 0 #b16cce, 3px -2px 0 #b16cce, 3px -1px 0 #b16cce, 3px 0px 0 #b16cce, 3px 1px 0 #b16cce, 3px 2px 0 #b16cce, 3px 3px 0 #b16cce, 3px 4px 0 #b16cce, 4px -4px 0 #b16cce, 4px -3px 0 #b16cce, 4px -2px 0 #b16cce, 4px -1px 0 #b16cce, 4px 0px 0 #b16cce, 4px 1px 0 #b16cce, 4px 2px 0 #b16cce, 4px 3px 0 #b16cce, 4px 4px 0 #b16cce; }
|
|
}
|
|
|
|
@keyframes sitenamehover {
|
|
0% { text-shadow: -4px -4px 0 #b16cce, -4px -3px 0 #b16cce, -4px -2px 0 #b16cce, -4px -1px 0 #b16cce, -4px 0px 0 #b16cce, -4px 1px 0 #b16cce, -4px 2px 0 #b16cce, -4px 3px 0 #b16cce, -4px 4px 0 #b16cce, -3px -4px 0 #b16cce, -3px -3px 0 #b16cce, -3px -2px 0 #b16cce, -3px -1px 0 #b16cce, -3px 0px 0 #b16cce, -3px 1px 0 #b16cce, -3px 2px 0 #b16cce, -3px 3px 0 #b16cce, -3px 4px 0 #b16cce, -2px -4px 0 #b16cce, -2px -3px 0 #b16cce, -2px -2px 0 #b16cce, -2px -1px 0 #b16cce, -2px 0px 0 #b16cce, -2px 1px 0 #b16cce, -2px 2px 0 #b16cce, -2px 3px 0 #b16cce, -2px 4px 0 #b16cce, -1px -4px 0 #b16cce, -1px -3px 0 #b16cce, -1px -2px 0 #b16cce, -1px -1px 0 #b16cce, -1px 0px 0 #b16cce, -1px 1px 0 #b16cce, -1px 2px 0 #b16cce, -1px 3px 0 #b16cce, -1px 4px 0 #b16cce, 0px -4px 0 #b16cce, 0px -3px 0 #b16cce, 0px -2px 0 #b16cce, 0px -1px 0 #b16cce, 0px 0px 0 #b16cce, 0px 1px 0 #b16cce, 0px 2px 0 #b16cce, 0px 3px 0 #b16cce, 0px 4px 0 #b16cce, 1px -4px 0 #b16cce, 1px -3px 0 #b16cce, 1px -2px 0 #b16cce, 1px -1px 0 #b16cce, 1px 0px 0 #b16cce, 1px 1px 0 #b16cce, 1px 2px 0 #b16cce, 1px 3px 0 #b16cce, 1px 4px 0 #b16cce, 2px -4px 0 #b16cce, 2px -3px 0 #b16cce, 2px -2px 0 #b16cce, 2px -1px 0 #b16cce, 2px 0px 0 #b16cce, 2px 1px 0 #b16cce, 2px 2px 0 #b16cce, 2px 3px 0 #b16cce, 2px 4px 0 #b16cce, 3px -4px 0 #b16cce, 3px -3px 0 #b16cce, 3px -2px 0 #b16cce, 3px -1px 0 #b16cce, 3px 0px 0 #b16cce, 3px 1px 0 #b16cce, 3px 2px 0 #b16cce, 3px 3px 0 #b16cce, 3px 4px 0 #b16cce, 4px -4px 0 #b16cce, 4px -3px 0 #b16cce, 4px -2px 0 #b16cce, 4px -1px 0 #b16cce, 4px 0px 0 #b16cce, 4px 1px 0 #b16cce, 4px 2px 0 #b16cce, 4px 3px 0 #b16cce, 4px 4px 0 #b16cce; }
|
|
25% { text-shadow: -4px -4px 0 #cb81ea, -4px -3px 0 #cb81ea, -4px -2px 0 #cb81ea, -4px -1px 0 #cb81ea, -4px 0px 0 #cb81ea, -4px 1px 0 #cb81ea, -4px 2px 0 #cb81ea, -4px 3px 0 #cb81ea, -4px 4px 0 #cb81ea, -3px -4px 0 #cb81ea, -3px -3px 0 #cb81ea, -3px -2px 0 #cb81ea, -3px -1px 0 #cb81ea, -3px 0px 0 #cb81ea, -3px 1px 0 #cb81ea, -3px 2px 0 #cb81ea, -3px 3px 0 #cb81ea, -3px 4px 0 #cb81ea, -2px -4px 0 #cb81ea, -2px -3px 0 #cb81ea, -2px -2px 0 #cb81ea, -2px -1px 0 #cb81ea, -2px 0px 0 #cb81ea, -2px 1px 0 #cb81ea, -2px 2px 0 #cb81ea, -2px 3px 0 #cb81ea, -2px 4px 0 #cb81ea, -1px -4px 0 #cb81ea, -1px -3px 0 #cb81ea, -1px -2px 0 #cb81ea, -1px -1px 0 #cb81ea, -1px 0px 0 #cb81ea, -1px 1px 0 #cb81ea, -1px 2px 0 #cb81ea, -1px 3px 0 #cb81ea, -1px 4px 0 #cb81ea, 0px -4px 0 #cb81ea, 0px -3px 0 #cb81ea, 0px -2px 0 #cb81ea, 0px -1px 0 #cb81ea, 0px 0px 0 #cb81ea, 0px 1px 0 #cb81ea, 0px 2px 0 #cb81ea, 0px 3px 0 #cb81ea, 0px 4px 0 #cb81ea, 1px -4px 0 #cb81ea, 1px -3px 0 #cb81ea, 1px -2px 0 #cb81ea, 1px -1px 0 #cb81ea, 1px 0px 0 #cb81ea, 1px 1px 0 #cb81ea, 1px 2px 0 #cb81ea, 1px 3px 0 #cb81ea, 1px 4px 0 #cb81ea, 2px -4px 0 #cb81ea, 2px -3px 0 #cb81ea, 2px -2px 0 #cb81ea, 2px -1px 0 #cb81ea, 2px 0px 0 #cb81ea, 2px 1px 0 #cb81ea, 2px 2px 0 #cb81ea, 2px 3px 0 #cb81ea, 2px 4px 0 #cb81ea, 3px -4px 0 #cb81ea, 3px -3px 0 #cb81ea, 3px -2px 0 #cb81ea, 3px -1px 0 #cb81ea, 3px 0px 0 #cb81ea, 3px 1px 0 #cb81ea, 3px 2px 0 #cb81ea, 3px 3px 0 #cb81ea, 3px 4px 0 #cb81ea, 4px -4px 0 #cb81ea, 4px -3px 0 #cb81ea, 4px -2px 0 #cb81ea, 4px -1px 0 #cb81ea, 4px 0px 0 #cb81ea, 4px 1px 0 #cb81ea, 4px 2px 0 #cb81ea, 4px 3px 0 #cb81ea, 4px 4px 0 #cb81ea; }
|
|
50% { text-shadow: -4px -4px 0 #f1d0ff, -4px -3px 0 #f1d0ff, -4px -2px 0 #f1d0ff, -4px -1px 0 #f1d0ff, -4px 0px 0 #f1d0ff, -4px 1px 0 #f1d0ff, -4px 2px 0 #f1d0ff, -4px 3px 0 #f1d0ff, -4px 4px 0 #f1d0ff, -3px -4px 0 #f1d0ff, -3px -3px 0 #f1d0ff, -3px -2px 0 #f1d0ff, -3px -1px 0 #f1d0ff, -3px 0px 0 #f1d0ff, -3px 1px 0 #f1d0ff, -3px 2px 0 #f1d0ff, -3px 3px 0 #f1d0ff, -3px 4px 0 #f1d0ff, -2px -4px 0 #f1d0ff, -2px -3px 0 #f1d0ff, -2px -2px 0 #f1d0ff, -2px -1px 0 #f1d0ff, -2px 0px 0 #f1d0ff, -2px 1px 0 #f1d0ff, -2px 2px 0 #f1d0ff, -2px 3px 0 #f1d0ff, -2px 4px 0 #f1d0ff, -1px -4px 0 #f1d0ff, -1px -3px 0 #f1d0ff, -1px -2px 0 #f1d0ff, -1px -1px 0 #f1d0ff, -1px 0px 0 #f1d0ff, -1px 1px 0 #f1d0ff, -1px 2px 0 #f1d0ff, -1px 3px 0 #f1d0ff, -1px 4px 0 #f1d0ff, 0px -4px 0 #f1d0ff, 0px -3px 0 #f1d0ff, 0px -2px 0 #f1d0ff, 0px -1px 0 #f1d0ff, 0px 0px 0 #f1d0ff, 0px 1px 0 #f1d0ff, 0px 2px 0 #f1d0ff, 0px 3px 0 #f1d0ff, 0px 4px 0 #f1d0ff, 1px -4px 0 #f1d0ff, 1px -3px 0 #f1d0ff, 1px -2px 0 #f1d0ff, 1px -1px 0 #f1d0ff, 1px 0px 0 #f1d0ff, 1px 1px 0 #f1d0ff, 1px 2px 0 #f1d0ff, 1px 3px 0 #f1d0ff, 1px 4px 0 #f1d0ff, 2px -4px 0 #f1d0ff, 2px -3px 0 #f1d0ff, 2px -2px 0 #f1d0ff, 2px -1px 0 #f1d0ff, 2px 0px 0 #f1d0ff, 2px 1px 0 #f1d0ff, 2px 2px 0 #f1d0ff, 2px 3px 0 #f1d0ff, 2px 4px 0 #f1d0ff, 3px -4px 0 #f1d0ff, 3px -3px 0 #f1d0ff, 3px -2px 0 #f1d0ff, 3px -1px 0 #f1d0ff, 3px 0px 0 #f1d0ff, 3px 1px 0 #f1d0ff, 3px 2px 0 #f1d0ff, 3px 3px 0 #f1d0ff, 3px 4px 0 #f1d0ff, 4px -4px 0 #f1d0ff, 4px -3px 0 #f1d0ff, 4px -2px 0 #f1d0ff, 4px -1px 0 #f1d0ff, 4px 0px 0 #f1d0ff, 4px 1px 0 #f1d0ff, 4px 2px 0 #f1d0ff, 4px 3px 0 #f1d0ff, 4px 4px 0 #f1d0ff; }
|
|
75% { text-shadow: -4px -4px 0 #cb81ea, -4px -3px 0 #cb81ea, -4px -2px 0 #cb81ea, -4px -1px 0 #cb81ea, -4px 0px 0 #cb81ea, -4px 1px 0 #cb81ea, -4px 2px 0 #cb81ea, -4px 3px 0 #cb81ea, -4px 4px 0 #cb81ea, -3px -4px 0 #cb81ea, -3px -3px 0 #cb81ea, -3px -2px 0 #cb81ea, -3px -1px 0 #cb81ea, -3px 0px 0 #cb81ea, -3px 1px 0 #cb81ea, -3px 2px 0 #cb81ea, -3px 3px 0 #cb81ea, -3px 4px 0 #cb81ea, -2px -4px 0 #cb81ea, -2px -3px 0 #cb81ea, -2px -2px 0 #cb81ea, -2px -1px 0 #cb81ea, -2px 0px 0 #cb81ea, -2px 1px 0 #cb81ea, -2px 2px 0 #cb81ea, -2px 3px 0 #cb81ea, -2px 4px 0 #cb81ea, -1px -4px 0 #cb81ea, -1px -3px 0 #cb81ea, -1px -2px 0 #cb81ea, -1px -1px 0 #cb81ea, -1px 0px 0 #cb81ea, -1px 1px 0 #cb81ea, -1px 2px 0 #cb81ea, -1px 3px 0 #cb81ea, -1px 4px 0 #cb81ea, 0px -4px 0 #cb81ea, 0px -3px 0 #cb81ea, 0px -2px 0 #cb81ea, 0px -1px 0 #cb81ea, 0px 0px 0 #cb81ea, 0px 1px 0 #cb81ea, 0px 2px 0 #cb81ea, 0px 3px 0 #cb81ea, 0px 4px 0 #cb81ea, 1px -4px 0 #cb81ea, 1px -3px 0 #cb81ea, 1px -2px 0 #cb81ea, 1px -1px 0 #cb81ea, 1px 0px 0 #cb81ea, 1px 1px 0 #cb81ea, 1px 2px 0 #cb81ea, 1px 3px 0 #cb81ea, 1px 4px 0 #cb81ea, 2px -4px 0 #cb81ea, 2px -3px 0 #cb81ea, 2px -2px 0 #cb81ea, 2px -1px 0 #cb81ea, 2px 0px 0 #cb81ea, 2px 1px 0 #cb81ea, 2px 2px 0 #cb81ea, 2px 3px 0 #cb81ea, 2px 4px 0 #cb81ea, 3px -4px 0 #cb81ea, 3px -3px 0 #cb81ea, 3px -2px 0 #cb81ea, 3px -1px 0 #cb81ea, 3px 0px 0 #cb81ea, 3px 1px 0 #cb81ea, 3px 2px 0 #cb81ea, 3px 3px 0 #cb81ea, 3px 4px 0 #cb81ea, 4px -4px 0 #cb81ea, 4px -3px 0 #cb81ea, 4px -2px 0 #cb81ea, 4px -1px 0 #cb81ea, 4px 0px 0 #cb81ea, 4px 1px 0 #cb81ea, 4px 2px 0 #cb81ea, 4px 3px 0 #cb81ea, 4px 4px 0 #cb81ea; }
|
|
100% { text-shadow: -4px -4px 0 #b16cce, -4px -3px 0 #b16cce, -4px -2px 0 #b16cce, -4px -1px 0 #b16cce, -4px 0px 0 #b16cce, -4px 1px 0 #b16cce, -4px 2px 0 #b16cce, -4px 3px 0 #b16cce, -4px 4px 0 #b16cce, -3px -4px 0 #b16cce, -3px -3px 0 #b16cce, -3px -2px 0 #b16cce, -3px -1px 0 #b16cce, -3px 0px 0 #b16cce, -3px 1px 0 #b16cce, -3px 2px 0 #b16cce, -3px 3px 0 #b16cce, -3px 4px 0 #b16cce, -2px -4px 0 #b16cce, -2px -3px 0 #b16cce, -2px -2px 0 #b16cce, -2px -1px 0 #b16cce, -2px 0px 0 #b16cce, -2px 1px 0 #b16cce, -2px 2px 0 #b16cce, -2px 3px 0 #b16cce, -2px 4px 0 #b16cce, -1px -4px 0 #b16cce, -1px -3px 0 #b16cce, -1px -2px 0 #b16cce, -1px -1px 0 #b16cce, -1px 0px 0 #b16cce, -1px 1px 0 #b16cce, -1px 2px 0 #b16cce, -1px 3px 0 #b16cce, -1px 4px 0 #b16cce, 0px -4px 0 #b16cce, 0px -3px 0 #b16cce, 0px -2px 0 #b16cce, 0px -1px 0 #b16cce, 0px 0px 0 #b16cce, 0px 1px 0 #b16cce, 0px 2px 0 #b16cce, 0px 3px 0 #b16cce, 0px 4px 0 #b16cce, 1px -4px 0 #b16cce, 1px -3px 0 #b16cce, 1px -2px 0 #b16cce, 1px -1px 0 #b16cce, 1px 0px 0 #b16cce, 1px 1px 0 #b16cce, 1px 2px 0 #b16cce, 1px 3px 0 #b16cce, 1px 4px 0 #b16cce, 2px -4px 0 #b16cce, 2px -3px 0 #b16cce, 2px -2px 0 #b16cce, 2px -1px 0 #b16cce, 2px 0px 0 #b16cce, 2px 1px 0 #b16cce, 2px 2px 0 #b16cce, 2px 3px 0 #b16cce, 2px 4px 0 #b16cce, 3px -4px 0 #b16cce, 3px -3px 0 #b16cce, 3px -2px 0 #b16cce, 3px -1px 0 #b16cce, 3px 0px 0 #b16cce, 3px 1px 0 #b16cce, 3px 2px 0 #b16cce, 3px 3px 0 #b16cce, 3px 4px 0 #b16cce, 4px -4px 0 #b16cce, 4px -3px 0 #b16cce, 4px -2px 0 #b16cce, 4px -1px 0 #b16cce, 4px 0px 0 #b16cce, 4px 1px 0 #b16cce, 4px 2px 0 #b16cce, 4px 3px 0 #b16cce, 4px 4px 0 #b16cce; }
|
|
}
|
|
|
|
.logo-c {
|
|
font-size: 64px;
|
|
font-weight: bolder;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
text-shadow: -4px -4px 0 #b16cce, -4px -3px 0 #b16cce, -4px -2px 0 #b16cce, -4px -1px 0 #b16cce, -4px 0px 0 #b16cce, -4px 1px 0 #b16cce, -4px 2px 0 #b16cce, -4px 3px 0 #b16cce, -4px 4px 0 #b16cce, -3px -4px 0 #b16cce, -3px -3px 0 #b16cce, -3px -2px 0 #b16cce, -3px -1px 0 #b16cce, -3px 0px 0 #b16cce, -3px 1px 0 #b16cce, -3px 2px 0 #b16cce, -3px 3px 0 #b16cce, -3px 4px 0 #b16cce, -2px -4px 0 #b16cce, -2px -3px 0 #b16cce, -2px -2px 0 #b16cce, -2px -1px 0 #b16cce, -2px 0px 0 #b16cce, -2px 1px 0 #b16cce, -2px 2px 0 #b16cce, -2px 3px 0 #b16cce, -2px 4px 0 #b16cce, -1px -4px 0 #b16cce, -1px -3px 0 #b16cce, -1px -2px 0 #b16cce, -1px -1px 0 #b16cce, -1px 0px 0 #b16cce, -1px 1px 0 #b16cce, -1px 2px 0 #b16cce, -1px 3px 0 #b16cce, -1px 4px 0 #b16cce, 0px -4px 0 #b16cce, 0px -3px 0 #b16cce, 0px -2px 0 #b16cce, 0px -1px 0 #b16cce, 0px 0px 0 #b16cce, 0px 1px 0 #b16cce, 0px 2px 0 #b16cce, 0px 3px 0 #b16cce, 0px 4px 0 #b16cce, 1px -4px 0 #b16cce, 1px -3px 0 #b16cce, 1px -2px 0 #b16cce, 1px -1px 0 #b16cce, 1px 0px 0 #b16cce, 1px 1px 0 #b16cce, 1px 2px 0 #b16cce, 1px 3px 0 #b16cce, 1px 4px 0 #b16cce, 2px -4px 0 #b16cce, 2px -3px 0 #b16cce, 2px -2px 0 #b16cce, 2px -1px 0 #b16cce, 2px 0px 0 #b16cce, 2px 1px 0 #b16cce, 2px 2px 0 #b16cce, 2px 3px 0 #b16cce, 2px 4px 0 #b16cce, 3px -4px 0 #b16cce, 3px -3px 0 #b16cce, 3px -2px 0 #b16cce, 3px -1px 0 #b16cce, 3px 0px 0 #b16cce, 3px 1px 0 #b16cce, 3px 2px 0 #b16cce, 3px 3px 0 #b16cce, 3px 4px 0 #b16cce, 4px -4px 0 #b16cce, 4px -3px 0 #b16cce, 4px -2px 0 #b16cce, 4px -1px 0 #b16cce, 4px 0px 0 #b16cce, 4px 1px 0 #b16cce, 4px 2px 0 #b16cce, 4px 3px 0 #b16cce, 4px 4px 0 #b16cce;
|
|
}
|
|
|
|
.logo-c:hover { animation: sitenamehover 2s linear infinite; }
|
|
|
|
@media (max-width : 1200px) {
|
|
.logo-c { font-size: 32px; }
|
|
}
|
|
@media (max-width : 968px) {
|
|
.logo-c { font-size: 20px; }
|
|
} |