* {-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; box-sizing:
    border-box; }

    /* body rules  */
    body {
        font-family: 'Yusei Magic', sans-serif;
        font-size: 20px;
    }


    /* header rules here*/ 
    header .logo {
    width: 200px;
    float: left;
    background-color: white;
    border: 4px solid #192B5D;
    margin-right: 50px;
    padding: 5px;
    margin-right: 10px;
    
}
    
    header {
        font-family: 'Ultra', serif; 
        background-color: #9ABECF;
        padding: 1rem 2%;
    }

    
    header h1 {
        font-family: Verdana;
        margin: 30px;
    }

    header h2 {
        font-family: 'Staatliches', cursive;
        margin: 20px;
    }

    header h3 {
        font-family: 'Shadows Into Light', cursive;
        margin: 20px;
    }


    /* navigation rules here */
    nav {background-color: #3960A1;}
    nav ul {margin: 0; padding: 0;}
    nav ul {list-style-type: none;}
    nav ul li.active {background-color: #192B5D;
    color: black;}

    nav a {
        display: block;
        padding: .8rem 0; /* 44 min height */
        color: #FFFAF5;
        text-align: center;
        text-decoration: none;
    }
    nav a:hover {background-color: #fdbb03;}

    /*main rules here */
    main {
        padding: 1rem 2%;
        display: block;
    }

    main h1 {color: #192B5D;}
    
    main figure img {width: 100%;}
    main figure{
        width: 100%;
        margin: 0;
    }
    main figcaption {text-align: center; font-size: 
        .8rem;}

    footer {
        text-align: center;
        padding: 1rem 2%;
        background-color: #9ABECF;
    }    

    .clearfix::after{
        content: "";
        display: table;
        clear: both;
    }

   /* .logo {
        width: 210px;
        border: 4px solid #192B5D;
        position: relative;
    }*/

/* Color Theme Swatches in Hex 
.color-theme_night-1149600_640-1-hex { color: #FFFAF5; }
.color-theme_night-1149600_640-2-hex { color: #F2CC64; }
.color-theme_night-1149600_640-3-hex { color: #9ABECF; }
.color-theme_night-1149600_640-4-hex { color: #3960A1; }
.color-theme_night-1149600_640-5-hex { color: #192B5D; }

 Color Theme Swatches in RGBA 
.color-theme_night-1149600_640-1-rgba { color: rgba(255, 250, 245, 1); }
.color-theme_night-1149600_640-2-rgba { color: rgba(242, 204, 100, 1); }
.color-theme_night-1149600_640-3-rgba { color: rgba(154, 190, 207, 1); }
.color-theme_night-1149600_640-4-rgba { color: rgba(57, 96, 161, 1); }
.color-theme_night-1149600_640-5-rgba { color: rgba(25, 43, 93, 1); }

 Color Theme Swatches in HSLA 
.color-theme_night-1149600_640-1-hsla { color: hsla(29, 100, 98, 1); }
.color-theme_night-1149600_640-2-hsla { color: hsla(43, 84, 67, 1); }
.color-theme_night-1149600_640-3-hsla { color: hsla(199, 35, 70, 1); }
.color-theme_night-1149600_640-4-hsla { color: hsla(217, 47, 42, 1); }
.color-theme_night-1149600_640-5-hsla { color: hsla(224, 57, 23, 1); }*/