.landscape-two{
    background: radial-gradient(113.28% 51.11% at 50.00% 52.56%, #004A5B 1.11%, #121C23 87.90%);
    width: 100%;
    height: 100%;
    position: relative;
    display: none;
}

.visible{
    display: visible;
  }

  .moon{
    width: 29.8333%;
    height: 30.1111%;
    position: absolute;
    top: 6.8889%;
    left: 3%;
  }

  .cityline05{
    width: 100%;
    height: 82.3333%;
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .cityline04{
    width: 100%;
    height: 76%;
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .cityline03{
    width: 66.0833%;
    height: 46%;
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .cityline02{
    width: 46.6667%;
    height: 36.1111%;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .cityline01{
    width: 35.7500%;
    height: 59.3333%;
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .windows-back{
    width: 68.7500%;
    height: 48.4722%;
    position: absolute;
    bottom: 31.1111%;
    left: 0;
  }

  .windows-mid-two{
    width: 94.2708%;
    height: 55.6944%;
    position: absolute;
    top: 26.6667%;
    left: 2.9467%;
  }

  .windows-mid-one{
    width: 23.7500%;
    height: 37.7778%;
    position: absolute;
    bottom: 2.9167%;
    right: 38.3633%;
  }

  .windows-front-two{
    width: 42.1875%;
    height: 26.9444%;
    position: absolute;
    bottom: 3.4722%;
    left: 2.4258%;
  }

  .windows-front-one{
    width: 25%;
    height: 58.7778%;
    position: absolute;
    top: 50.6944%;
    right: 5.2825%;
  }

  @keyframes colorChange {
    0% {
        fill: #FBE780;
    }
    38%{
        fill: #FBE780
    } 40%{
        fill: #171B22;
    } 88% {
        fill: #171B22;
    } 98%{
        fill: #FBE780;
    } 100% {
        fill: #FBE780;
    }
}