.box {
padding: 2px;
border: solid;
border-color: #348cd3;
background: #ffffff;
border-width: 1px;
}


.box1 {
width: 10px;
padding: 2px;
border: solid;
border-color: #348cd3;
background: #ffffff;
border-width: 1px
}


.box2 {
width: 20px;
padding: 2px;
border: solid;
border-color: #348cd3;
background: #ffffff;
border-width: 1px
}

.box3 {
width: 30px;
padding: 2px;
border: solid;
border-color: #348cd3;
background: #ffffff;
border-width: 1px;
}

.box4 {
width: 40px;
padding: 2px;
border: solid;
border-color: #348cd3;
background: #ffffff;
border-width: 1px
}

.box5 {
width: 50px;
padding: 2px;
border: solid;
border-color: #348cd3;
background: #ffffff;
border-width: 1px
}

.box6 {
width: 75px;
padding: 2px;
border: solid;
border-color: #348cd3;
background: #ffffff;
border-width: 1px
}

.box7 {
width: 150px;
padding: 2px;
border: solid;
border-color: #348cd3;
background: #ffffff;
border-width: 1px
}

.box8 {
width: 200px;
padding: 2px;
border: solid;
border-color: #348cd3;
background: #ffffff;
border-width: 1px
}

.box9 {
width: 300px;
height: 50px;
padding: 2px;
border: solid;
border-color: #348cd3;
background: #ffffff;
border-width: 1px
}

.box10 {
width: 400px;
padding: 2px;
border: solid;
border-color: #348cd3;
background: #ffffff;
border-width: 1px
}


/* mobile */
@media only screen and (max-width: 430px) {

.box {
padding: 1px;
border: solid;
border-color: #348cd3;
background: #ffffff;
border-width: 1px;
}


.box1 {
width: 6px;
padding: 1px;
border: solid;
border-color: #348cd3;
background: #ffffff;
border-width: 1px
}


.box2 {
width: 12px;
padding: 1px;
border: solid;
border-color: #348cd3;
background: #ffffff;
border-width: 1px
}

.box3 {
width: 18px;
padding: 1px;
border: solid;
border-color: #348cd3;
background: #ffffff;
border-width: 1px;
}

.box4 {
width: 24px;
padding: 1px;
border: solid;
border-color: #348cd3;
background: #ffffff;
border-width: 1px
}

.box5 {
width: 30px;
padding: 1px;
border: solid;
border-color: #348cd3;
background: #ffffff;
border-width: 1px
}

.box6 {
width: 45px;
padding: 1px;
border: solid;
border-color: #348cd3;
background: #ffffff;
border-width: 1px
}

.box7 {
width: 90px;
padding: 1px;
border: solid;
border-color: #348cd3;
background: #ffffff;
border-width: 1px
}

.box8 {
width: 120px;
padding: 1px;
border: solid;
border-color: #348cd3;
background: #ffffff;
border-width: 1px
}

.box9 {
width: 180px;
height: 30px;
padding: 1px;
border: solid;
border-color: #348cd3;
background: #ffffff;
border-width: 1px
}

.box10 {
width: 240px;
padding: 1px;
border: solid;
border-color: #348cd3;
background: #ffffff;
border-width: 1px
}

}