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

@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');

body {

    font-family: Quicksand, sans-serif;

}

header {

    display: flex;

    align-items: center;

    background: #0cbe9b;

}



nav {

    background-color: #0a85d8;

    border-top: solid black 1px;

    border-bottom: solid black 1px;

    display: flex; /* Display the children of the element as flexible boxes */

    align-items: center; /* Align child flexible boxes in the vertical center */

}

nav p {

    text-align: center;

    flex-basis: 100px; /* Give each paragraph the same basic width */

    flex-basis: 1; /* Allow each paragraph to grow evenlly to fill up the parent nav element */

}

nav a {

    color: white;

    text-decoration: none;

    font-weight: bold;
}

nav a:hover {

    color: red;

}

h1,h2 {

    font-family: McLaren, cursive;

    color:#f75c03

}

.center {

    text-align: center;

}

.warp {

    float: right;

}

.caption {

    font-style: italic;

    font-size: small;
    
}