/* General Page Styles */
body {
    font-family: 'Comic Sans MS', 'comic sans';
    margin: 0;
    padding: 0;
}

/* Body */
body {
    background-color: #9966ff
}

.dev-inside-css {
    color:blue
}

.dev-inside-css:hover {
    color:purple
}

/* Nav Bar */
@keyframes flash-color {
    0% { color: red; }
    16.67% { color: orange; }
    33.34% { color: yellow; }
    50% { color: green; }
    66.67% { color: blue; }
    83.34% { color: indigo; }
    100% { color: red }
}

nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #4C97FF;
    padding: 10px 20px;
}

.logo {
    animation: flash-color 3s infinite; 
    font-size: 24px;
    text-decoration: none;
}

.logo a:hover {
    background-color: #fff
}

/* Navbar Links */
.navbar {
    list-style-type: none;
    display: flex;
    padding: 0;
    margin: 0;
}

.navbar li {
    margin: 0 15px;
}

.navbar a {
    color: white;
    text-decoration: none;
    padding: 14px 20px;
    display: block;
}

.navbar a:hover {
    background-color: #ddd;
    color: black;
}

@keyframes license-text {
    0% { color:#000000 }
    50% { color:#fff }
}

.license-text {
    size: 24px;
    animation: license-text 3s infinite;
}