html, body, div,
h1, h2, h3, p, section {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

h1,
h2,
h3 {
  font-weight: normal;
}

body {
  font-size: 20px;
  color: #dea13d;
 
}

.wrapper {
  
  /**Azure Weald**/

  /**Fungus Bogs**/
  /* background: url('https://vgtimes.ru/uploads/gallery/main/153806/1551691643_106.jpg'); */
  /**Glacial Strata**/
  /* background: url('https://www.drunktiki.com/wp-content/uploads/sites/40/2021/03/Deep-Rock-Galactic-Glacial-Strata.jpg');  */
  /**Hollow Bough**/
  /* background: url('https://cdn.akamai.steamstatic.com/steam/apps/548430/ss_b4fff9963828e4628b6318fa53c9d54500dc0950.1920x1080.jpg');  */
  /**Crystalline Caverns**/
  /* background: url('https://images.squarespace-cdn.com/content/v1/5925832e03596efb6d4b502a/1552467562015-MWVX7EH618KN61QMDLEP/DRG_Wallpaper_CrystalCaves.jpg?format=2500w');  */
  /**Dense Biozone**/
  /* background: url('https://images.squarespace-cdn.com/content/v1/5925832e03596efb6d4b502a/1552467561521-5NX7NRHK3X3ZD5SAHY91/DRG_Wallpaper_DenseBiozone.jpg?format=2500w');  */
  /**Magma Core**/
  /* background: url('https://images.squarespace-cdn.com/content/v1/5925832e03596efb6d4b502a/1547827451369-JX3S8JTAWQMWHYFYDVNK/Magma.jpg?format=2500w');  */
  /**Radioactive Exclusion Zone**/
  /* background: url('https://images.squarespace-cdn.com/content/v1/5925832e03596efb6d4b502a/1552467575016-X4ACF9C4HUAB7PV7L3OX/DRG_Wallpaper_RadioactiveZone.jpg?format=2500w');  */
  /**Salt Pits**/
  background: url('./salt-pits.png'); 
  /**Sandblasted Corridors**/
  background: url('./sandblasted-corridors.png'); 
  background-size: cover;
  width: 100%;
  height: 100vh;

}

.header {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 30px 0;
}

.deeep-dive {
  width: 400px;
}

.title-deep-dives {
  font-size: 40px;
}

span {
  color: white;
  text-transform: capitalize;
}

.region {
  font-size: 30px;
}

.content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding-bottom: 50px;
}

.section {
  display: flex;
  margin: 0 30px;
  margin-top: 80px;
  position: relative;
}

.mission-icons {    
  background: url(./back.png) no-repeat;
  width: 110px;
  z-index: 4;
  position: absolute;
  height: 165px;
  top: 14px;
  left: -24px;
}

.image {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  padding-top: 16px;
  padding-right: 14px;
}

.mission-primary {
  width: 75px;
}

.mission-secondary {
  width: 60px;
}

.complications {
  display: flex;
  margin-bottom: 5px;
  margin-left: 70px;
}

.anomaly,
.warning {
  display: flex;
  align-items: center;
  color: white;  
  position: relative;  
  width: 50%;
  min-height: 33px;
}

.anomaly-image,
.warning-image {
  width: 55px;
  position: absolute;
}

.anomaly p {
  background: linear-gradient(90deg, rgba(178,59,11,0.8) 0%, rgba(121,48,32,0.8) 65%, rgba(57,37,39,0.8) 100%);
  padding: 5px 20px;
  margin-left: 40px;
}

.warning p {
  background: linear-gradient(90deg, rgba(204,113,17,0.8) 0%, rgba(150,97,18,0.8) 60%, rgba(80,67,40,0.8) 100%);
  padding: 5px 20px;
  margin-left: 40px;
}

.description {
  min-width: 600px;
  min-height: 125px;
  background: linear-gradient(90deg, rgba(12,124,14,0.8) 0%, rgba(11,87,23,0.8) 64%, rgba(24,72,49,0.8) 100%);
  padding-right: 20px;
  padding-left: 100px;
  font-size: 35px;
}

.number-stage {
  color: white;
}