h1{
    background-color: rgb(160, 148, 148);
    text-align: center;
    width: 20%;
    margin:auto;
    margin-top: 5%;
    border-radius: 25px;
    border-color: black;
    border: solid;
    padding: 1%;

}
.que{
    background-color:rgb(209, 203, 203);
    width: 28%;
    float: left;
    margin: 1%;
    padding: 1%;
    border-radius: 25px;
    margin-top: 5%;
    border-radius: 25px;
    border-color: black;
    border: solid;
}
.texto1{
    display: block;
    background-color: white;
    padding: 15px;
    border-radius: 15px;
    margin: 2%;
    font-size: 100%;
    margin-bottom: 2%;
    border-radius: 25px;
    border-color: black;
    border: solid;
}
h2{
   
    background-color: rgb(160, 148, 148);
    width: 70%;
    border-radius: 15px;
    padding-left: 3%;
    margin: 2%;
    border-radius: 25px;
    border-color: black;
    border: solid;
}
.img3{
    width: 90%;
    margin-top: 3%;
    margin-left: 5%;
    border-radius: 25px;
    border-color: black;
    border: solid;
}
.por{
    background-color: rgb(209, 203, 203);
    width: 28%;
    float: left;
    margin: 1%;
    padding: 1%;
    border-radius: 25px;
    margin-top: 5%;
    border-radius: 25px;
    border-color: black;
    border: solid;
   
}
h3{
    background-color: rgb(160, 148, 148);
    width: 70%;
    border-radius: 15px;
    padding-left: 3%;
    margin: 2%;
    font-size: 150%;
    border-radius: 25px;
    border-color: black;
    border: solid;
}
.texto2{
    display: block;
    background-color: white;
    padding: 15px;
    border-radius: 15px;
    margin: 2%;
    font-size: 100%;
    margin-bottom: 2%;
    border-radius: 25px;
    border-color: black;
    border: solid;
}
.armas{
    background-color: rgb(209, 203, 203);
    width: 28%;
    float: left;
    margin: 1%;
    padding: 1%;
    border-radius: 25px;
    margin-top: 5%;
    border-radius: 25px;
    border-color: black;
    border: solid;
    
}
h4{
    background-color: rgb(160, 148, 148);
    width: 90%;
    border-radius: 15px;
    padding-left: 3%;
    margin: 2%;
    font-size: 150%;
    border-radius: 25px;
    border-color: black;
    border: solid;
}
.texto3{
    display: block;
    background-color: white;
    padding: 15px;
    border-radius: 15px;
    margin: 2%;
    font-size: 100%;
    margin-bottom: 2%;
    border-radius: 25px;
    border-color: black;
    border: solid;
}
.granespada{
    background-color: white;
    width: 100%;
    

}
.img1{
    width: 30%;
    float: left;
    margin-left: 8%;
    margin-top: 8%;
    padding: 2%;
    
}
.arma1{
    float: left;
    width: 45%;
    background-color: white;
    padding: 3%;
    margin-top: 6%;
    margin-left: 2%;
    border-radius: 15px;
    border-radius: 25px;
    border-color: black;
    border: solid;
}
.espadalarga{

    width: 100%;
    margin-top: 5%;
}
.arma2{
    float: right;
    background-color: white;
    width: 45%;
    margin-left: 2%;
    border-radius: 15px;
    padding: 3%;
    border-radius: 25px;
    border-color: black;
    border: solid;
}
.img2{
    float: right;
    margin-left: 10%;
    
}
body{
    
    background-image:url(img/fondo.jpg);
    background-size: 100%;
    
    background-repeat: no-repeat;
    background-color: rgb(184, 223, 225);
    background-position: top;
 
}
button{
    float: left;
    width: 8%;
    border-radius: 15px;
    margin-top: 5%;
    background-color: rgb(226, 234, 180);
    margin-left: 2%;
    font-size: 150%;
    margin-bottom: 1%;
}