body h1, h2, h3, p, a {
  margin: 0;
    padding: 0;
}

html  {
    background-image: url(r.jpg);
    background-size:cover;
    background-position:center; 
}

.clr {
    clear: both;
}

.container h1 {
  
    font-family: sans-serif;
    color: aliceblue;
    padding: 20px 15px;
    display: inline-block;    
}

.container {
    background-color: #e2e2e;
    border: 1px solid lightcyan;
    border-radius: 5px;
}

.span {
    color: chartreuse;
    
}

.button li {  
    display: inline;
    margin: 0;
}

.container li a {
    padding: 5px;
    font-family: sans-serif;
    text-decoration: none;
    color: #fff;   
}

.container li a:hover {
    color: coral;
    
}

.imgs {
    padding: 200px 100px;
    border: 1px solid lightcyan;
    background-position: center;
    background: cover;
    background-image: url(.jpg);
    border-radius: 5px;
}

.imgs h2, p {
    color: #fff;
    font-family: sans-serif;
    text-align: center;
}


.imgs h2 {

    margin-bottom: 10px
}

.copy {
    text-align: center;
    color: #fff;
    padding: 50px 0;
      
   
}

.copy2 {
    text-align: center;
    background-color: lightcyan;
    border-radius: 5px; 
}

.buttons li {  
   padding: 0 5px;
    display: inline;
    margin: 0;
}

.matn {
    border: 1px #e1e1e1 solid;
    margin: 50px;
    text-align: center;
    padding: 70px
    
}

.matn h3 {
    color: #fff;
    text-align: center;
}

.categors {
   border: 3px solid #888; 
    margin-bottom: 20px;
    padding: 30px;
   
}

.categors h3 {
    color: #fff;
    text-align: center;
    font-family: sans-serif;
    margin-bottom: 7px;   
}

.categors p {
    text-align: left;
    
}


.categors2 {
    border: 3px solid #888; 
    margin-bottom: 20px;
    padding: 30px;
}

.categors2 h3 {
     color: #fff;
    text-align: center;
    font-family: sans-serif;
    margin-bottom: 7px;
    
}

.categors2 p {
    
        text-align: left;

}


.categors3 {
    border: 3px solid #888; 
    margin-bottom: 20px;
    padding: 30px;
}

.categors3 h3 {
       color: #fff;
    text-align: center;
    font-family: sans-serif;
    margin-bottom: 7px;
}

.categors3 p {
    text-align: left;
}

.rasm h1 {
    border: 1px solid blue;
    display: block;
    text-align: center;
    background-size: cover;
    background-position: center;
    background-image: url(lg.jpg);
    color: black;
    padding: 500px 0;
   border-top: 50px 0;
    
}