body {
    margin: 0;
    background-image: url("../img/cardboard.2.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size:cover;
    background-color: #be976e;
        min-width: 1024px;}

h1{
    font-family: "Copperplate Gothic Bold";
    font-size: 1.39vw; margin:0;
    font-weight:bolder;}

.container {
    margin-left: 30vw;
    color: black;
    width: 39.06vw;
    height: 73.68vh;   /* 600px */
    border: 0.1vw solid black;
    box-sizing: content-box;
    position: absolute;
}

.box1 {
    color: black;
    margin: 0;
    width: 38.95vw;
    height: 5.46vw;
    box-sizing: content-box;
    background-color: #805826;
    border: 0.05vw solid black;
    font-size: 1.39vw;
}

.img img {
    height: 22.22vw;
    width: 20.73vw;
    float: left;
    margin: 0;
    position: relative;
}
.img {
    float: left;
    margin: 0;
}

.box2 {
    color: black;
    width: 5.46vw;
    height: 22.2vw;
    box-sizing: content-box;
    background-color: #854a1d;
    float: left;
    border: 0.05vw solid black;
    font-size: 1.39vw;
}

.box3 {
    color: black;
    margin: 0;
    width: 12.76vw;
    height: 11.35vw;
    box-sizing: border-box;
    background-color: #bebe6e;
    float: left;
    border: 0.05vw solid black;
    font-size: 1.39vw;
    position: sticky;
}

.box4 {
    position: sticky;
    color: black;
    margin: 0;
    width: 12.76vw;
    height: 10.88vw;
    box-sizing: border-box;
    background-color: #931414;
    float: left;
    border: 0.05vw solid black;
    font-size: 1.39vw;
}

.box5 {
    color: black;
    margin: 0;
    width: 10.28vw;
    height: 11.15vw;
    box-sizing: content-box;
    background-color: #2b2d30;
    float: right;
    border: 0.05vw solid black;
    font-size: 1.39vw;
}

.box6 {
    color: black;
    margin: 0 ;
    width: 2.26vw;
    height: 11.15vw;
    box-sizing: content-box;
    background-color: darkkhaki;
    float: right;
    border: 0.05vw solid black;
    font-size: 1vw;
}

.box7 {
    color: black;
    margin: 0;
    width: 26.2vw;
    height: 0.9vw;
    box-sizing: content-box;
    float: right;
    background-color: #dcff14;
    border: 0.05vw solid black;
    font-size: 0.8vw;
}

.box8 {
    color: black;
    margin: 0;
    width: 20.76vw;
    height: 2.65vw;
    box-sizing: content-box;
    background-color: #ba9365;
    float: right;
    border: 0.05vw solid black;
    font-size: 1.39vw;
}

.box9 {
    color: black;
    margin: 0;
    width: 5.34vw;
    height: 2.65vw;
    box-sizing: content-box;
    float: right;
    background-color: #5a5846;
    border: 0.05vw solid black;
    font-size: 1.39vw;
}

.box10 {
    color: #000000;
    margin: 0 ;
    width: 26.2vw;
    height: 7.3vw;
    box-sizing: content-box;
    background-color: lightcoral;
    float: right;
    border: 0.05vw solid black;
    font-size: 1.39vw;
}