*{
    box-sizing:border-box;
    margin: 10px auto;
}

body{
    /*background-color: aqua;
    background-image: url(../img/img1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 15%;
    */
    display: flex;
    flex-wrap: wrap;
    background-color: aqua;
    background-image: url(../img/Machamp.png);
    background-repeat: no-repeat;
    background-position-y:2px ;
    background-size: 100%;
}
    
    h1:nth-of-type(1){
    color: red;
    background-color: black;
    background-position: center;
    background-repeat: no-repeat;
    width: 70%;
    height: 70px;
    text-align: center;
    letter-spacing: 20px;
    text-decoration: underline dotted 5px red;
    
    transition: 3s;
}
#uno{
    width: 50%;
    color: green;
    background-color: pink;
    text-align: center;

}    

.dos{
    width: 80%;
    text-align:center ;
    color: rgb(152, 57, 136);
}
h1:nth-of-type(4){
    color:pink ;

   
}
h1:hover{
    background-color: aquamarine;
    color: brown;
    transition: 3s;
}

h1:active{
    background-color: rgb(236, 87, 19);
  
    transition: 3s;
}
div{
    text-align: center;
    width: 100%;
}