.main{
    background-color: rgb(5, 141, 30);
    display: flex;
}
.name{
    font-size: smaller;
    padding-top: 6px;
    padding-left: 3px;
    color:white;
}
.sub{
    font-size: xx-small;
    color: white;
  
}
.img{
    padding-left: 35px;
    padding-top: 5px;
    color: white;
}
.demo{
    padding-left: 350px;
    font-size: x-small;
    margin-top: 15px;
    color: white;

}
.page{
    font-size: x-small;
    padding-left: 10px;
    padding-top: 50px;
    color: white;
}
.button{
    border-style: none;
    color: black;
    font-size: 40%;
    font-weight: bold;
    letter-spacing: 0.5px;
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 2px;
    background-color: white;
    margin-top: 8px;
    margin-left: 70px;
    text-transform: uppercase;
}
*{
    margin: 0%;
    padding: 0%;
}
.screen{
    background-color:rgb(248, 244, 244);
}
.d1{
    height: 110px;
    width: 160px;
    text-align: center;
    border-radius: 3px;
    background-color: white;
    margin-top: 10px;
}
.img1{
    padding-top: 18px;

}
.item1{
    font-size: x-small;
    font-weight: bold;
    padding-top: 2px;
}
.d2 {
    height: 110px;
    width: 160px;
    text-align: center;
    border-radius: 3px;
    background-color: white;
    margin-top: 10px;
    margin-left: 15px;
}
.img2{
    padding-top: 18px;

}
.item2{
    font-size: x-small;
    font-weight: bold;
    padding-top: 2px;
}
.d3{
    height: 110px;
    width: 160px;
    text-align: center;
    border-radius: 3px;
    background-color: white;
    margin-top: 10px;
    margin-left: 15px;
}
.img3{
    padding-top: 18px;

}
.item3{
    font-size: x-small;
    font-weight: bold;
    padding-top: 2px;
}
.d4{
    height: 110px;
    width: 160px;
    text-align: center;
    border-radius: 3px;
    background-color: white;
    margin-top: 10px;
    margin-left: 15px;
}
.img4{
    padding-top: 18px;

}
.item4{
    font-size: x-small;
    font-weight: bold;
    padding-top: 2px;
}
.div1{
    display: flex;
    /* justify-content: center; */
    margin-left: 20px;
}
.d5{
    height: 110px;
    width: 160px;
    text-align: center;
    border-radius: 3px;
    background-color: white;
    margin-top: 10px;
}
.img5{
    padding-top: 18px;

}
.item5{
    font-size: x-small;
    font-weight: bold;
    padding-top: 2px;
}
.d6 {
    height: 110px;
    width: 160px;
    text-align: center;
    border-radius: 3px;
    background-color: white;
    margin-top: 10px;
    margin-left: 15px;
}
.img6{
    padding-top: 18px;

}
.item6{
    font-size: x-small;
    font-weight: bold;
    padding-top: 2px;
}
.d7{
    height: 110px;
    width: 160px;
    text-align: center;
    border-radius: 3px;
    background-color: white;
    margin-top: 10px;
    margin-left: 15px;
}
.img7{
    padding-top: 18px;

}
.item7{
    font-size: x-small;
    font-weight: bold;
    padding-top: 2px;
}
.d8{
    height: 110px;
    width: 160px;
    text-align: center;
    border-radius: 3px;
    background-color: white;
    margin-top: 10px;
    margin-left: 15px;
}
.img8{
    padding-top: 18px;

}
.item8{
    font-size: x-small;
    font-weight: bold;
    padding-top: 2px;
}
.div2{
    display: flex;
    /* justify-content: center; */
    margin-left: 20px;
}

.d9{
    height: 110px;
    width: 160px;
    text-align: center;
    border-radius: 3px;
    background-color:white;
    margin-top: 10px;
}
.img9{
    padding-top: 18px;

}
.item9{
    font-size: x-small;
    font-weight: bold;
    padding-top: 2px;
}
.d10 {
    height: 110px;
    width: 160px;
    text-align: center;
    border-radius: 3px;
    background-color: white;
    margin-top: 10px;
    margin-left: 15px;
}
.img10{
    padding-top: 18px;

}
.item10{
    font-size: x-small;
    font-weight: bold;
    padding-top: 2px;
}
.d11{
    height: 110px;
    width: 160px;
    text-align: center;
    border-radius: 3px;
    background-color:white;
    margin-top: 10px;
    margin-left: 15px;
}
.img11{
    padding-top: 18px;

}
.item11{
    font-size: x-small;
    font-weight: bold;
    padding-top: 2px;
}
.d12{
    height: 110px;
    width: 160px;
    text-align: center;
    border-radius: 3px;
    background-color:white;
    margin-top: 10px;
    margin-left: 15px;
}
.img12{
    padding-top: 18px;

}
.item12{
    font-size: x-small;
    font-weight: bold;
    padding-top: 2px;
}
.div3{
    display: flex;
    /* justify-content: center; */
    margin-left: 20px;
}
.arr{
    padding-left: 20px;
    padding-top: 55px;
}