/* This is the style for the Koala Site*/

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');

* {
    margin: 0;
    padding: 0;
}

body {
    background-color: whitesmoke;
    font-family: sans-serif;
}

#container {
    width:80%;
    max-width: 1025px;
    border:4px solid darkgreen;
    margin:12px auto;
    border-radius: 25px;
    box-shadow: 15px 15px 15px 5px rgba(0,0,0,0.5);
    background-color:wheat;
}

img.banner {
    width:100%;
    height:auto;
    border-top-left-radius: 21px;
    border-top-right-radius: 21px;
}

p {
    color:purple;
    line-height: 1.6;
    padding: 5px 24px;
}

h1, h2, h3, h4 {
    color:red;
    text-align: center;
    font-family: Josefin Sans;
    font-weight: 400;
    font-style: normal;
    margin-top: 25px;
}

h1 {
    border-top:4px solid green;
    text-decoration:none;
    padding-top:6px;
    margin-top:12px;
}

ul li {
    color:green;
    margin: 0 25px
}

ol li {
    color:blue;
    font-size: 1.2em;
    margin: 0 25px
}

p strong {
    color:darkred;

}

.bluebackground {
    background-color:lightblue;
}

.greenbackground {
    background-color:lightgreen;
}

.red {
    color:red;
    font-size:x-large;
}

li.purple {
    color:purple;
}

nav {
    background-color:beige;
    text-align:center;
    padding:5px;
}

nav li {
    list-style-type: none;
    display:inline;
    padding:10px;
}

nav ul li a {
    color:darkgreen;
    text-decoration:none;

}

nav ul li a:hover {

    color:darkorange;
}

.cap::first-letter {
    color:red;
    font-size:xx-large;
}

img.left {
    float:left;
    margin: 8px 30px 25px 12px;
    border:4px solid green;
    padding:8px;
    background-color:lightblue;
}

img.right {
    float:right;
    margin: 8px 12px 25px 30px;
    border:4px solid green;
    padding:8px;
    background-color:lightblue;
    box-shadow: 5px 10px 10px 5px rgba(0,0,0,0.5);
}

.clearfloat {
    clear:both;
}

footer {
    color:white;
    background-color:beige;
    text-align:center;
    border-bottom-left-radius: 21px;
    border-bottom-right-radius: 21px;
}