@import url('https://fonts.googleapis.com/css2?family=Comfortaa&display=swap');
body{
    background-color: black;
    margin: 0px;
}
header {
    padding: 15px 5%;
}
header h1 strong {
    color: #1B94E3;
    font-size: 125%;
}
header h1 {
    color: white;
    text-align: center;
    font-family: 'Comfortaa', sans-serif;
}
header h2 {
    color: #1B94E3;
    text-align: center;
    font-family: 'Comfortaa', sans-serif;
}
nav {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
nav a {
    text-decoration: none;
    color: white;
    padding: 2% 2%;
    font-family: 'Comfortaa', sans-serif;
}
header img {
    display: block;
    width: 100%;
    max-width: max-content;
    border-top: 4px #0b7fc2 ridge;
    border-bottom: 4px #0b7fc2 ridge;
}
section {
    color: #1B94E3;
    display: flex;
    flex-direction: row;
    padding: 20px 5%;
}
article {
    margin: 15px;
}
article h1 {
    text-align: center;
}
p {
    text-align: justify;
}
@media (max-width: 1280px) {
    section {
        padding: 0px;
    }
    header {
        padding: 0px;
    }
    section {
        padding: 20px 7%;
    }
}
@media (max-width: 640px) {
    body {
        background-color:  #0b7fc2;
    }
    header h2 {
        display: none;
    }
    nav{
        flex-direction: column;
        align-items: center;
    }
    section {
        flex-direction: column;
        background-color: lightskyblue;
        color: #055481;
    }
    article h1 {
        text-align: left;
    }
    nav a {
        padding: 4% 0px;
    }
}