@import url('https://fonts.googleapis.com/css2?family=Kablammo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@1,600&display=swap');


body {
    background: url("https://images.kreweofhomer.org/catback.jpg") repeat;
}

div.nav_left {
    float: left;
    padding: 0em;
    margin: 1em;
    border: 1px solid #333;
}

div.nav_right {
    float: right;
    padding: 0em;
    margin: 1em;
    border: 1px solid #333;
}

a {
    font-size: 2.5em;
    text-decoration: none;
    color: #333;
    padding: 0.5em;
}

a:hover {
    background: #333;
    color: white;
}

div.cat_photo {
    clear: both;
    border: 1px solid #333;
    margin: 1em auto 1em auto;
    padding: 0.5em;
    width: 50%;
    text-align: center;
    background: white;
}

div.cat_fact {
    clear: both;
    border: 1px solid #333;
    margin: 1em auto 1em auto;
    padding: 0.5em;
    width: 50%;
    text-align: center;
    background: white;
}

div.cat_photo img {
    width: 90%;
}

div.cat_fact img {
    width: 90%;
}

h2 {
    font-size: 3em;
    font-family: 'Mulish', sans-serif;
}


h3 {
    font-size: 6em;
    font-family: 'Geologica', sans-serif;
}

h4 {
    font-size: 4em;
    font-family: 'Kablammo', cursive;
}

p {
    font-size: 2em;
}

div#cat_rss {
    background: white;
}

div#cat_rss * {
    all: unset;
}