<h3>Fiji</h3>

<div class="flag fiji">
  <div class="fiji__left__top">
    <div class="fiji__plus">
      <div class="plus"></div>
    </div>
    <div class="fiji__x">
      <div class="x__strip-1"></div>
      <div class="x__strip-2"></div>
    </div>
  </div>
  <img src="https://imgur.com/U8eeeO9.png" class="fiji__logo" width="70" alt="" />
</div>

* {
  box-sizing: border-box;
  margin: 0;
}

body {
  width: 100%;
  height: 100vh;
  background-color: rgb(221, 239, 255);
  display: grid;
  place-items: center;
  font-family: cursive;
  font-weight: bold;
}

h3 {
  position: absolute;
  text-align: center;
  top: 20px;
}

/* Main Style Stars from here  */
.flag {
  position: relative;
  width: 300px;
  height: 200px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  overflow: hidden;
}

.fiji {
  background: #69bfe5;
}

.fiji__left__top {
  width: 124px;
  height: 71px;
  display: grid;
  place-items: center;
  overflow: hidden;
  position: relative;
  background: #213064;
}

.fiji__plus {
  z-index: 1;
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 5px white) drop-shadow(5px 0 white)
    drop-shadow(-5px 0 white) drop-shadow(0 -5px white);
}

.fiji__plus .plus {
  width: 100%;
  height: 100%;
  background-color: #e51837;
  clip-path: polygon(
    0% 43%,
    45% 43%,
    45% 0%,
    55% 0%,
    55% 43%,
    100% 43%,
    100% 58%,
    55% 58%,
    55% 100%,
    45% 100%,
    45% 58%,
    0% 58%
  );
}

.fiji__x {
  position: absolute;
  inset: 0;
}

.fiji__x > .x__strip-1,
.fiji__x > .x__strip-2 {
  position: relative;
  background-color: white;
  width: 150%;
  height: 10px;
  transform: rotate(-30deg) scale(1.3) translate(0px, 10px);
}

.fiji__x > .x__strip-2 {
  transform: rotate(30deg) scale(1.3) translate(13px, 26px);
}

.fiji__x > .x__strip-1::before,
.fiji__x > .x__strip-1::after,
.fiji__x > .x__strip-2::before,
.fiji__x > .x__strip-2::after {
  position: absolute;
  background-color: #e51837;
  content: "";
  width: 35%;
  height: 4px;
}

.fiji__x > .x__strip-1::before {
  top: 5px;
}

.fiji__x > .x__strip-1::after {
  top: 1px;
  left: 35%;
}

.fiji__x > .x__strip-2::before {
  top: 5px;
}

.fiji__x > .x__strip-2::after {
  top: 1px;
  left: 35%;
}

.fiji__logo {
  position: absolute;
  right: 14%;
  top: 24%;
}