html, body {
    margin: 0;
    padding: 0;

  }
  
  #map {
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 0;
  }
  
  #selectContainer {
    position: fixed;
    top: 0;
    z-index: 1000;
    width: 100%;
    padding: 11px 0;
  }
  
  #countrySelect {
    width: 200px;
    margin: 0 auto;
  }

#preloader
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow: hidden;
    background: #fff;
    }




#generalInfoPreloader,
#weatherPreloader,
#wikiPreloader,
#currencyPreloader,
#newsPreloader    {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 9999;
      overflow: hidden;
      background: #fff;
    }

#preloader:before,
#generalInfoPreloader:before,
#weatherPreloader:before,
#wikiPreloader:before,
#currencyPreloader:before,
#newsPreloader:before
 {
        
    content: "";
    position: fixed;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    border: 6px solid #f2f2f2;
    border-top: 6px solid #56829e ;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    -webkit-animation: animate-preloader 1s linear infinite;
    animation: animate-preloader 1s linear infinite;
}

.fadeOut {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 1s, opacity 1s linear;
}

td {
  white-space: nowrap;
}

#coatOfArms,
#flag {

  display: flex;
  align-items: center;
  justify-content: center;
}

#coatOfArms img {

  width: 40%;
  height: 40%;
  padding: 2.5% 0;
}

#flag img{

  width: 50%;
  height: 30%;
  padding: 2.5% 0;

}



@-webkit-keyframes animate-preloader {
    
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    }
    
    100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    }
}

    @keyframes animate-preloader {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    }
    100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    }
}



  /* ************************************************************************** */
  /**************************   WEATHER INFO SECTION   **************************/
  /* ************************************************************************** */

#weather-modal-body {


  background-color: #7FFFD4
}



/** START COMMENTING OUT **/


#overviewTempSwitchHeading {

  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

#overviewTempSwitchHeading,
#overviewTempSwitchDiv {

  margin: 7.5% 0 0 0;
}

#overviewTempSwitchDiv{
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
}




#weather-modal-footer {

  background-color: #7FFFD4

}



  /* *************************************************************************** */
  /***********************   END OF WEATHER INFO SECTION   ***********************/
  /* ************************************************************************** */


  /* **************************************************************************** */
/* ********************   WIKI ARTICLES SECTION   ******************************* */
/* ***************************************************************************** */


#noWikiArticleDiv {

  text-align: center;
  

}

.wikiArticleDivClass{

  border-radius: 25px;
  border: double goldenrod 5px;
  padding: 2.5%;
  margin: 5% 2.5%;



}



a:link {
  text-decoration: none;
  color: #5cb85c;
}

a:visited {
  text-decoration: none;
  color: #5cb85c
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
  color: #5cb85c
}

.articleImage {

  
    width: 100%; 
    height: 100%; 
    object-fit: contain;
    padding: 5%;
    

}



/* **************************************************************************** */
/* ********************   END OF WIKI ARTICLES SECTION   ************************* */
/* ***************************************************************************** */




/* **************************************************************************** */
/* ***************   END OF CURRENCY CONVERTER SECTION   ********************* */
/* ***************************************************************************** */

    
@keyframes animate-preloader {
    
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    }
    
    100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    }
    }