<meta name='viewport' content='width=device-width, initial-scale=1.0'><style>@font-face {
font-family: 'Palanquin Dark';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(pictures/atlantus.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body
{
overflow: hidden;
position: fixed;
font-family: 'Palanquin Dark', sans-serif;
background: radial-gradient(#06060a, #171627);
color: white;
margin: 0px;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
}
.moonbottom
{
position: fixed;
bottom: -5px;
width: 150%;
height: 294px;
left: -25%;
background: #cccccc;
border-top-left-radius: 70%;
border-top-right-radius: 70%;
}
.notification
{
background: linear-gradient(
45deg
, #3f51b5, #0d4181);
transform: translate(0%, -50%);
position: fixed;
right: 5px;
top: 12%;
height: 50px;
width: max-content;
color: white;
text-align: left;
padding-left: 19px;
padding-right: 15px;
z-index: 7;
font-size: 15px;
border-radius: 11px;
}
#logsview
{
position: absolute;
top: 46px;
left: 0px;
height: 69%;
display: none;
font-size: 14px;
font-family: sans-serif;
width: 100%;
text-align: left;
color: #ccc;
overflow: scroll;
padding-left: 20px;
}
.atlimg.animated {
-webkit-animation: filter-animation 5s infinite;
animation: filter-animation 5s infinite;
}
@-webkit-keyframes filter-animation {
0% {
-webkit-filter: hue-rotate(0deg);
}
40% {
-webkit-filter: hue-rotate(100deg);
}
76% {
-webkit-filter: hue-rotate(
241deg);
}
100% {
-webkit-filter: hue-rotate(
343deg);
}
}
@keyframes filter-animation {
0% {
filter: hue-rotate(0deg);
}
50% {
filter: hue-rotate(100deg);
}
86% {
filter: hue-rotate(
241deg);
}
100% {
filter: hue-rotate(
343deg);
}
}
.demotxt
{
position: fixed;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%; top: 50%;
font-size: 7vw; width: 85%;
text-shadow: 0px 0px 5px black;
}
@keyframes demo {
0% {
box-shadow: 0px 0px 0px 2px #ff004c;;
}
25% {
box-shadow: 0px 0px 0px 2px #8a2b47;;
}
75% {
box-shadow: 0px 0px 0px 2px #4b242f;;
}
100% {
box-shadow: 0px 0px 0px 2px #972b4c;;
}
}
@keyframes shake {
0% {
transform: translate(-50%, -50%) rotate(
0deg);
filter: drop-shadow(2px 4px 16px red);
}
25% {
transform: translate(-50%, -50%) rotate(
-1deg);
filter: drop-shadow(2px 4px 6px rgb(197, 12, 43));
}
50% {
transform: translate(-50%, -50%) rotate(
1deg);
filter: drop-shadow(2px 4px 6px darkred);
}
75% {
transform: translate(-50%, -50%) rotate(
-1deg);
}
100% {
transform: translate(-50%, -50%) rotate(
-1deg);
}
}
.hshakex {
animation: shakex 0.8s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
.hshake {
animation: shake 0.8s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
.hshakez {
animation: shakez 0.8s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
@keyframes shakez {
0% {
filter: drop-shadow(0px 0px 14px rgb(167, 139, 16