*{
  margin: 0px;
  padding: 0px;
}
body{
  background-color: #215263;
  color: #1161ab;
  font-size: 20px;
}
h1{
  background-color: #dba901;
  border-radius: 10px;
  margin-left: 5%;
  text-align: center;
  text-shadow: 5px 5px 3px #888888;
  width: 90%;
}
p{
  text-align: justify;
}
ul{
  text-align: justify;
  margin-left: 5%;
}
article,header{
  text-align: center;
  background-color: #cfdae5;
  border:5px solid #b3caf2;
  border-radius:5px;
  box-shadow: 10px 10px 5px #888888;
  margin-left: 5%;
  margin-top: 5px;
  margin-bottom: 10px;
  height: 20%px;
  width: 90%;
}
/*.objyalc{
 text-align: justify;
 background-color: rgb(38, 166, 184);
 border: 5px solid #ffffff;
 border-radius: 3.8px;
 margin-left: 5%;
 opacity: 3;
 width: 90%;
 }
.desc{
  text-align: justify;
  background-color:rgba(105, 219, 3, 0.82);
  border :5px solid #ffffff ;
  border-radius: 3.8px;
  margin-left: 5%;
  opacity: 1;
  width: 90%;
}
.detec{
  text-align: justify;
  background-color:rgba(28, 43, 235, 0.91);
  border : 5px solid #ffffff ;
  border-radius: .8px;
  margin-left: 5%;
  opacity: 3;
  width: 90%;
}
.ataque{
  text-align: justify;
  background-color:rgb(245, 96, 32);
  border : 5px solid #ffffff ;
  border-radius: .8px;
  margin-left: 5%;
  opacity: 5;
  width: 90%;
}
.prevenir{
  text-align: justify;
  background-color:white;
  border : 5px solid #ffffff ;
  border-radius: .8px;
  margin-left: 5%;
  opacity: 5;
  width: 90%;
}
*/