*{
    margin:0px;
    padding:0px;
}
/*head*/
nav{
    color:white;
    background-color: black;
    padding: 25px;
    cursor: pointer;
}
h1,.un,li{
    display:inline ;
    
}
.un{
    font-size:18px ;
    padding-left:30px;
    margin-left:60%;
}
a{
    text-decoration: none;
    padding-right:30px;
    color: silver;
}
a:hover{
    color:rgb(234, 212, 92);
}
/*home*/
.welcome{
    text-align: center;
    padding:20%;
    background-color: silver;
    color: black;
}
.one,.two{
    padding: 10px;
    margin-bottom: 10px;
}
.three{
    color:black;
    background-color: rgb(236, 183, 48);
    border:none;
    border-radius:5px;
    padding: 5px;
    cursor: pointer;
    margin-top: 55px;

}
.three:hover{
    background-color:rgb(240, 173, 2) ;
    color: black;
}
/*menu*/
.menu{
    text-align: center;
    padding:25px;
}

.box{
  display: inline-block;
  width:320px;
  border-color: black;
  border-style: solid;
  border-width: 2px;
  cursor:pointer;
  margin-left: 50px;
  margin-top: 20px;
}
.box:hover{
    background-color: black;
    color: white;
}
/*about*/
 .about{
    text-align: center;
    background-color: whitesmoke;
    padding:10px;
 }
/*contact*/
 .contact{
    text-align: center;
    padding: 20px;
 }
.contact form{
  display: flex;
  flex-direction:column;
  gap: 10px;  
  width: 400px;
  margin: 0 auto;
  padding-top: 20px;
}
.contact input, 
.contact textarea {
  padding: 10px;
  border: 1px solid;
  border-radius: 5px;
}
.contact button {
  padding: 10px;
  background: rgb(236, 183, 48);
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.contact button:hover {
  background:rgb(240, 173, 2);
}
/*footer*/
footer{
    text-align: center;
    padding: 10px;
    color: white;
    background-color: black;
}