* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: black;
}

a{
  text-decoration: none;
}
body {
  min-width: 230px;
   /* background-image: url(/image/Clean\ Background.jpg);  */

   background-color: rgb(6, 6, 6); 
}
.logo {
 
  border: black 2px solid;
  border-radius: 13.5px;
  margin: 2.5%;
  padding: 2.5%;
  flex: 25%;
  text-align: center;
  /* background: linear-gradient(180deg, rgba(33,137,165,1) 9%, rgba(192,157,153,1) 60%, rgba(253,130,26,1) 100%); */


  background:linear-gradient(
    90deg,
    rgba(0, 46, 57, 0.9540148823201156) 0%,
    rgba(0, 139, 139, 0.8783846302192753) 50%,
    rgba(0, 46, 57, 0.9456115209755778) 100%
  );

  font-size: 25px;
  text-align: center;
}
/* nav {
  display: none;
} */

.find {
  flex-wrap: wrap;
  display: flex;
}

.info-Box {
  
  border: black 2px solid;
  border-radius: 13.5px;
  margin: 2.5%;
  padding: 2.5%;
  flex: 25%;
  text-align: center;
  /* background: linear-gradient(90deg, rgba(252,176,69,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%); */

  background: linear-gradient(
    90deg,
    rgba(0, 46, 57, 0.9540148823201156) 0%,
    rgba(0, 139, 139, 0.8783846302192753) 50%,
    rgba(0, 46, 57, 0.9456115209755778) 100%
  );
}

.active {
  flex-wrap: wrap;
  display: flex;
}
.PIP{
  font-size: 20px;
  border: black 2px solid;
   border-radius: 13.5px; 
  padding: 2.5%;
  margin: 2.5%;
  margin-bottom: -4.5%;
  /* background: linear-gradient(90deg, rgba(252,176,69,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%); */

  background: linear-gradient(
    90deg,
    rgba(0, 46, 57, 1) 0%,
    rgba(0, 139, 139, 1) 50%,
    rgba(0, 46, 57, 1) 100%
  );
  z-index: 1;
}
.LP{
  font-size: 20px;
  border: black 2px solid;
   border-radius: 13.5px; 
  padding: 2.5%;
  margin: 2.5%;
  margin-bottom: -4.5%; 

  /* background: linear-gradient(90deg, rgba(252,176,69,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%); */
  background: linear-gradient(
    90deg,
    rgba(0, 46, 57, 1) 0%,
    rgba(0, 139, 139, 1) 50%,
    rgba(0, 46, 57, 1) 100%
  );
  z-index: 1;
}

.inProgress {
 
  border: black 2px solid;
  border-radius: 13.5px;
  margin: 2.5%;
  padding: 2.5%;
  flex: 100%;
  /* background: linear-gradient(90deg, rgba(252,176,69,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%); */
  background: linear-gradient(
    90deg,
    rgba(0, 46, 57, 0.9540148823201156) 0%,
    rgba(0, 139, 139, 0.8783846302192753) 50%,
    rgba(0, 46, 57, 0.9456115209755778) 100%
  );
}

.lastProgress {
  
  border: black 2px solid;
  border-radius: 13.5px;
  margin: 2.5%;
  padding: 2.5%;
  flex: 100%;
  /* background: linear-gradient(90deg, rgba(252,176,69,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%); */
  background: linear-gradient(
    90deg,
    rgba(0, 46, 57, 0.9540148823201156) 0%,
    rgba(0, 139, 139, 0.8783846302192753) 50%,
    rgba(0, 46, 57, 0.9456115209755778) 100%
  );
}

.links {
  flex-wrap: wrap;
  display: flex;
}

.link-Box {
  
  border: black 2px solid;
  border-radius: 13.5px;
  margin: 2.5%;
  padding: 2.5%;
  flex: 100%;
  text-align: center;

  /* background: linear-gradient(90deg, rgba(252,176,69,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%); */
  background: linear-gradient(
    90deg,
    rgba(0, 46, 57, 0.9540148823201156) 0%,
    rgba(0, 139, 139, 0.8783846302192753) 50%,
    rgba(0, 46, 57, 0.9456115209755778) 100%
  );
}

footer {
  padding: 10px;
  background-color: rgb(39, 39, 39);
  text-align: center;
  color: white;
  /* background-image: url(/image/Clean\ Background.jpg); */
  /* position: fixed; */
  /* background: linear-gradient(180deg, rgba(253,130,26,1) 9%, rgba(192,157,153,1) 60%,  rgba(33,137,165,1) 100%); */
  bottom: 0;
  width: 100%;
}

@media screen and (min-width: 810px) {
  .PIP{
    margin-bottom: -4.9%;
  }
  .LP{
    margin-bottom: -4.9%; 
  }
  .link-Box {
    border-radius: 13.5px;
    margin: 2.5%;
    flex: 45%;
  }
  footer { 
    /* position: fixed;  */
  }

} 

@media screen and (min-width: 1204px){
  .link-Box {
    flex: 25%;
  }
}