@import url('https://fonts.googleapis.com/css2?family=Lobster&family=Ubuntu&display=swap');

body {
    margin: 0;
    padding: 0;
    font-family: 'Ubuntu', sans-serif;
    background: url('African_elephant_warning_raised_trunk.jpg') no-repeat center center fixed;
    background-size: cover;
    box-sizing: border-box;
    color: #333;
}

header {
    border: 4px solid #FF6F61;
    display: block;
    float: none;
    margin: 12px;
    padding: 22px;
    position: relative;
    width: auto;
    background-color: rgba(255, 235, 238, 0.85);
    font-family: 'Lobster', cursive;
    color: #D32F2F;
}

nav {
    border: 4px solid #FFCA28;
    display: block;
    float: none;
    margin: 12px;
    padding: 18px;
    position: relative;
    width: auto;
    background-color: rgba(255, 249, 196, 0.85);
    font-family: 'Ubuntu', sans-serif;
    color: #F57F17;
}

section {
    border: 4px solid #4CAF50;
    display: block;
    float: left;
    margin: 12px;
    padding: 22px;
    position: relative;
    width: 60%;
    background-color: rgba(232, 245, 233, 0.85);
    font-family: 'Ubuntu', sans-serif;
    color: #2E7D32;
}

aside {
    border: 4px solid #64B5F6;
    display: block;
    float: right;
    margin: 12px;
    padding: 22px;
    position: relative;
    width: 30%;
    background-color: rgba(227, 242, 253, 0.85);
    font-family: 'Ubuntu', sans-serif;
    color: #1565C0;
}

article {
    border: 4px solid #BA68C8;
    display: block;
    clear: both;
    margin: 12px;
    padding: 22px;
    position: relative;
    width: auto;
    background-color: rgba(243, 229, 245, 0.85);
    font-family: 'Ubuntu', sans-serif;
    color: #6A1B9A;
}

footer {
    border: 4px solid #FF7043;
    display: block;
    clear: both;
    margin: 12px;
    padding: 22px;
    position: relative;
    width: auto;
    background-color: rgba(255, 224, 178, 0.85);
    font-family: 'Lobster', cursive;
    color: #E64A19;
}