#box{
    width: 50px;
    height: 50px;
    box-sizing: border-box;
}
.one{
    background-color: slategray;
}
.two{
    background-color: ivory;
}
.three{
    background-color: dimgray;
}
.four{
    background-color: mintcream;
}
.five{
    background-color: peachpuff;
}

html{
    background-color: dimgray;
}
body{
    padding: 2vw;
    background-color: mintcream;
    font-size: larger;
    background-image: url(bg1.jpeg);
    background-blend-mode:hard-light;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}


header{
    box-sizing: border-box;
    border: .5vw solid slategray;
    border-bottom: 0vw;
    background-color: dimgray;
    min-height: fit-content;
    background-image: url(banner.jpg);
    background-blend-mode:lighten;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}
    header h1{
        color: peachpuff;
        text-decoration: underline;
        font-size: 10vw;
        width: 100%;
        text-align: center;
    }
    header nav{
        box-sizing: content-box;
        padding: .75vw;
        margin: .25vw;
        min-height: max-content;
        min-width: max-content;
        box-sizing: content-box;
        position: inherit;
        overflow-wrap: normal;
        white-space:nowrap;
    }
    header ul{
        white-space:wrap;
        margin:0;
	    padding:0;
	    list-style:none;
        display:inline-block;
        font-size: x-large;
    }
    header li{
        box-sizing: content-box;
        position: relative;
        margin-left: 5vw;
        padding: .5vw;
        background-color: mintcream;
        list-style-type: none;
        border: 3vw solid transparent;
        border-image: url("laceborder.png") 15% round;
        float: left;
    }
    header a{
        text-decoration: none;
        color: inherit;
    }
marquee{
    height: 20vh;
    border: .5vw solid slategray;
    border-top: 0vw;
    border-bottom: 0vw;
}
    marquee img{
        height: 20vh;
        width: fit-content;
        -webkit-box-shadow: 0px 0px 28px 14px #FFDAB9; 
        box-shadow: 0px 0px 28px 14px #FFDAB9;
        margin-right: 4vw;
    }
main{
    padding: 2vw;
    border: .5vw solid slategray;
    border-top: 0vw;
    background-color: ivory;
}
aside{
    float: right;
    width: 50%;
    border: .5vw dashed mintcream;
    background-color: ivory;
    padding: 0 2vw 0 0;
    box-sizing: border-box;
}
footer{
    clear: both;
    box-sizing: border-box;
    border: .5vw solid peachpuff;
    border-top: 0vw;
    background-color: dimgray;
    background-image: url(plaid.png);
    background-blend-mode:luminosity;
}
    footer p{
        text-align: center;
    }
    footer address{
            text-align: center;
            box-sizing: content-box;
            position: relative;
            padding: .5vw;
            margin: 0 20vw 0 20vw;
            list-style-type: none;
            border: 3vw solid transparent;
            border-image: url("laceborder.png") 15% round;
    }