<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.navbar ul {
    list-style-type: none;
    background-color: royalblue;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.navbar a {
    color: white;
    text-decoration: none;
    padding: 15px;
    display: block;
    text-align: center;
}

.navbar a:hover {
    background-color: hsl(281, 100%, 27%);
    animation-name: rainbow;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

.navbar li a {
    float: left;
}

.test {
    max-width: 720px;
    animation-name: test2;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

break {
    padding: 10px;
}

main {
    margin: 10px;
}

body {
    padding: 10px;
    font-family: "MS PGothic";
    color: white;
    cursor: url("cursor2.png"), auto;


    animation-name: background-shift;
    animation-delay: 0s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
}

section {
    margin: auto auto 15px auto;
    border: 5px double;
    border-radius: 15px;
    padding: 10px;
    background-color: royalblue;
}

img {
    opacity: 1;
    animation-name: fadein;
    animation-delay: 0s;
    animation-duration: 50s;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 5px;
    line-height: 1.2;
}

h1 {
    text-align: center;
}


.tiny { max-width: 160px; }
.small { max-width: 320px; }
.half { max-width: 640px; }
.full { max-width: 1280px; }

@keyframes texthover {
    from {background-color: hsl(119, 100%, 37%)}
    to {background-color: hsl(281, 100%, 27%)}
}

@keyframes background-shift {
    0% {background-color: hsl(279, 100%, 10%)}   
    50% {background-color: hsl(178, 100%, 14%)}
    100% {background-color: hsl(279, 100%, 10%)}
}

@keyframes rainbow {
    0% {background-color: red}
    14% {background-color: orange}
    29% {background-color: yellow}
    43% {background-color: green}
    57% {background-color: blue}
    71% {background-color: darkblue}
    86% {background-color: rebeccapurple}
    100% {background-color: red}
}

@keyframes test2 {
    0% {max-width: 225px}
    50% {max-width: 720px}
    100% {max-width: 225px}
}

@keyframes fadein {
    from {opacity: 0;}
    to {opacity: 1;}
}</pre></body></html>