body {background-color:beige;


}


h1 {color: darkred;}




 hr { height:1px; background-color: darkred;

margin: 20px;
  }



    form { background-color:beige;

padding: 10px;
border-radius: 10px;
width: 300px;
background-position: center;
     }



     nav  { background-color:olive;
padding: 10px;

background-image: url(../image/);
padding: 20px;
     }

     nav ul { list-style-type:none;
padding: 20px;
display: flex;
justify-content: center;
gap: 20px;

      }
nav ul li {
     display: flex;
}

      nav ul li a { text-decoration:none; 
       background-color: black;
       color: white;
       padding: 10px;
       border-radius: 5px;

      }

 a:hover { background-color:darkred;
color: white;
padding: 10px;
  }
   


    h1 {  font-family: tahoma;

color: darkred;

     }

    body { text-align:left;
background-color: lightgray;
line-height: 25px;
padding: 20px;
     }
    body a { text-decoration:none;
           color: black;
           font-size: 20px;
         background-color: indianred;
         border-radius: 5px;
        padding: 10px 10px;

     }


     body div a { background-color:black; 
        color: white;
        padding: 5px;
      }


div form { justify-content: center; 

}

section img { float:left;
padding-block-start: 20px;

}

section p{ gap:15px;
line-height: 67px;
}


footer { text-align:center;
padding: 20px;

 }


input,texterea { width:90%;
padding: 10px;
margin: 5px Opx;
border-radius: 5px;
border: 1px solid #ccc;
gap: 30px;
 }


 input[ type="submit"] {background-color:#3498db;
cursor:pointer;
color: white;
padding: 12px 20px;
border:none;
border-radius: 4px;
}
 input [ type="submit"] hover{ background-color:black;
 }

 img:hover {
     padding: 10px;
 }