* {
    box-sizing: border-box;
}

body {
    margin:0px;
}

.main-container {
    width:100vw;
    height:180vh;
    display:flex;
    flex-direction: column;
    padding:100px;
    gap:80px;
}

.upper {
    height:40%;
    display:flex;
    align-items:flex-end;
    gap:10px;
}

.box1 {
    background:rgb(224, 64, 64);
    width:10%;
    height:20%;
}
.upper-item1 {
    background:rgb(178, 32, 32);
    width:20%;
    height:40%;
    display:block;
}
.upper-item2 {
    background:rgb(227, 100, 27);
    width:20%;
    height:60%;
    display:block;
}
.upper-item3 {
    background:rgb(238, 202, 20);
    width:20%;
    height:80%;
    display:block;
}
.upper-item4 {
    background:rgb(214, 223, 37);
    width:20%;
    height:90%;
    display:block;
}
.upper-item5 {
    background:rgb(32, 178, 103);
    width:20%;
    height:100%;
    display:block;
}
.upper-item6 {
    background:rgb(32, 178, 151);
    width:20%;
    height:110%;
    display:block;
}
.left {
    height:90%;
    display:grid;
    gap:60px;
}

.left-box {
    background: rgb(18, 79, 232);
    width:110%;
    display:flow-root;
    justify-content: center;
    align-items: center;
}

.center-box1 {
    background: rgb(23, 17, 109);
    width: 20%;
    height: 20%;
    display:block;
}
.center-box2 {
    background: rgb(150, 168, 232);
    width: 60%;
    height: 60%;
    display:block;
}
.center-box3 {
    background: rgb(55, 57, 86);
    width: 80%;
    height: 80%;
    display:block;
}

.lower {
    width:20%;
    display:flex;
    flex-direction:column;
    gap:20px;
}

.lower-item1 {
    background: rgb(51, 31, 142);
    height:20%;
    display:block;
}
.lower-item2 {
    background: rgb(133, 19, 240);
    height:40%;
    display:block;

}
.lower-item3 {
    background: rgb(142, 31, 127);
    height:60%;
    display:block;

}
.lower-item4 {
    background: rgb(212, 30, 169);
    height:80%;
    display:block;
}

.explore {
    font-size:100%;
    font-family:'Courier New', Courier, monospace;
    text-align-last: left;
    word-spacing: 40px;
    color:rgb(11, 29, 14);
    bottom:70px;
    top:90px;
    margin: 10px;
   }

.color {
    position: fixed;
    bottom: 100px;
    right: 60px;
    top:800px;
    color:rgb(0, 0, 0);
    font-size:100;
    font-family:'Courier New', Courier, monospace;
  }