*{
    margin: 0;
    padding: 0;
}
.main{
background-color: rgb(218, 205, 205);
height: 800px;
width: 1300px;
margin: 0 auto;
position: relative;
}
.bangladesh{
height: 200px;
width: 300px;
background: green;
position: absolute;
top: 5%;
left: 5%;
}
.red{
height: 90px;
width: 90px;
background: red;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
border-radius: 50%;
}
.saudi{
    height: 200px;
    width: 300px;
    background: rgb(8, 150, 8);
    position: absolute;
    top: 35%;
    left: 5%;
    }
.image{
background: url(../IMAGES/saudi_flag-removebg-preview.png);
top: 50%;
left: 50%;
height:200px ;
width: 200px;
position: absolute;
transform: translate(-50%,-50%);
background-position: center;
}
.canada{
height: 200px;
width: 300px;
background: gray;
position: absolute;
top: 65%;
left: 5%;
display: flex;
}
.one{
height:100%;
width: 25%;
background-color: rgb(161, 19, 19);
}
.two{
    height:100%;
    width: 50%;
    background-color: rgb(239, 229, 229);

}
.three{
    height:100%;
    width: 25%;
    background-color: rgb(161, 19, 19);
}
.img{
background: url(../IMAGES/cad_flower-removebg-preview.png);
height:100px ;
width:50% ;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
position: absolute;
background-position: center;
background-repeat: no-repeat;
}
.italy{
    height: 200px;
    width: 300px;
    background: gray;
    position: absolute;
    top:5%;
    left:37%;
display: flex;

}
.first{
    height:100%;
    width: 100px;
    background-color: rgb(6, 119, 25);

}
.second{
    height:100%;
    width: 100px;
    background-color: rgb(243, 246, 243);

}
.third{
    height:100%;
    width: 100px;
    background-color: rgb(167, 17, 17);
}
.usa{
    height: 200px;
    width: 300px;
    background: gray;
    position: absolute;
    top:35%;
    left:37%;
}
.piya{
    height: 20px;
    width: 100%;
    background-color: rgb(209, 7, 7);
}
.riya{
   height: 20px;
    width: 100%;
    background-color: rgb(248, 246, 246);
} 
.nia{
    height: 20px;
    width: 100%;
    background-color: rgb(209, 7, 7);

}
.tia{
    height: 20px;
    width: 100%;
    background-color: rgb(248, 246, 246);
} 
.mia{
    height: 20px;
    width: 100%;
    background-color: rgb(209, 7, 7);
}
.lia{
    height: 20px;
    width: 100%;
    background-color: rgb(248, 246, 246);
}
.kia{
    height: 20px;
    width: 100%;
    background-color: rgb(209, 7, 7);
}
.mua{
    height: 20px;
    width: 100%;
    background-color: rgb(248, 246, 246);
}
.jia{
    height: 20px;
    width: 100%;
    background-color: rgb(209, 7, 7);
}
.hia{
    height: 20px;
    width: 100%;
    background-color: rgb(248, 246, 246);
}
.box{
    height: 100px;
    width: 100px;
    position: absolute;
background-color: rgb(22, 22, 165);
top: 0%;
left: 0%;
}
.star1{
height: 15px;
width: 15px;
position: absolute;
background-color: white;
top:10%;
left: 10%;
clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.star2{
    height: 15px;
width: 15px;
position: absolute;
background-color: white;
top:30%;
left: 10%;
clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.star3{
    height: 15px;
    width: 15px;
    position: absolute;
    background-color: white;
    top:8%;
    left: 40%;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    }
.star4{
    height: 15px;
    width: 15px;
    position: absolute;
    background-color: white;
    top:8%;
    left: 65%;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.star5{
    height: 15px;
    width: 15px;
    position: absolute;
    background-color: white;
    top:30%;
    left: 40%;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.star6{
    height: 15px;
    width: 15px;
    position: absolute;
    background-color: white;
    top:30%;
    left: 70%;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.star7{
    height: 15px;
    width: 15px;
    position: absolute;
    background-color: white;
    top:50%;
    left: 6%;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.star8{
    height: 15px;
    width: 15px;
    position: absolute;
    background-color: white;
    top:50%;
    left: 30%;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.star9{
    height: 15px;
    width: 15px;
    position: absolute;
    background-color: white;
    top:50%;
    left:50%;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.star10{
    height: 15px;
    width: 15px;
    position: absolute;
    background-color: white;
    top:50%;
    left:70%;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.star11{
    height: 15px;
    width: 15px;
    position: absolute;
    background-color: white;
    top:70%;
    left: 6%;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.star12{
    height: 15px;
    width: 15px;
    position: absolute;
    background-color: white;
    top:70%;
    left: 25%;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.star13{
    height: 15px;
    width: 15px;
    position: absolute;
    background-color: white;
    top:70%;
    left: 45%;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.star14{
    height: 15px;
    width: 15px;
    position: absolute;
    background-color: white;
    top:70%;
    left: 70%;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.brazil{
    height: 200px;
    width: 300px;
    background: rgb(30, 126, 25);
    position: absolute;
    top:65%;
    left:37%;
}
.robus{
    height: 150px;
    width: 200px;
    background: rgb(222, 222, 34);
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    clip-path: polygon(50% 8%, 100% 50%, 52% 90%, 0 50%);
}
.ball{
    background: url(../IMAGES/download-removebg-preview.png);
    height: 150px;
   width: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.palestine{
    height: 200px;
    width: 300px;
    background: gray;
    position: absolute;
    top:5%;
    left:70%;
   
}
.black{
    height: 65px;
    width: 100%;
    background: black;
    
}
.white{
    height: 65px;
    width: 100%;
    background:white;
   
}
.green{
    height: 65px;
    width: 100%;
    background:rgb(10, 146, 28);
}
.triangle{
    height: 200px;
    width: 100px;
    background-color: rgb(185, 20, 20);
    position: absolute;
    top: 0;
    left: 0;
    clip-path: polygon(1% 0, 0 100%, 100% 47%);
}
.finland{
    height: 200px;
    width: 300px;
    background: rgb(229, 229, 233);
    position: absolute;
    top:35%;
    left:70%;
}
.cross1{
    height: 200px;
    width: 18%;
    background-color: rgb(18, 18, 82);
    position: absolute;
    top: 0;
    left: 20%;
}
.cross2{
    height:45px;
    width: 300px;
    background-color: rgb(18, 18, 82);
    position: absolute;
    top:50%;
  background-position: center;
   transform: translateY(-50%);
}
.turkey{
    height: 200px;
    width: 300px;
    background: rgb(171, 20, 20);
    position: absolute;
    top:65%;
    left:70%;
}
.moon{
    height: 150px;
width: 100%;
background-color: white;
position: absolute;
top: 40%;
left: 10%;
background: url(../IMAGES/turkey-removebg-preview.png);
transform: translate(-10%,-50%);
}