*
{
  margin:0;
  padding:0;
}
body{
  height: 100vh;
  font-family: "inherit;";
  background-image:url("../imag/coffee.jpeg") ;
  background-repeat: no-repeat;
  background-size: 100%;
  background-color:#D5BDAA ;
  opacity: 0.8;
}
.main
{
    margin-left: 5%;
    margin-top: 2%;
    width: 90%;
    height: 80%;

}
.pageTitle
{
  margin-left:22%;
  margin-bottom:0;
  margin-top:1%;
  font-size: 3.5em;
  color:#9A4D37;
}
.content
{
  display: flex;
  flex-direction: row;
  height: 80%;
  width: 50%;
  margin-left: 22%;
  max-width: 50%;

}
.fomrLable
{
    color:#9A4D37;
    font-size: 150%;
}

.formInput{
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.submit {
    width: 100%;
    background-color: #9A4D37;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
  }

.submit:hover {
    background-color: #9A4000;
  }
.save {
    width: 30%;
    background-color: #9A4D37;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
  }

.save:hover {
    background-color: #9A4000;
  }
.reset {
    width: 30%;
    background-color: rgb(124, 124, 124);
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
  }

.reset:hover {
    background-color: #6b6b65;
  }
.error
{
    color: red;
}


.addLink
{
  float:right;
  margin-right:36%;
  background:none;
  color:white;
  width: 100px;
  font-size: 1.2em;
  border: none;
}
.addLink:hover
{
  color:#95a979;
  font-size: 1.2em;
  cursor: pointer;
}


.forgetLink
{

  background:none;
  width: 100px;
  border: none;
}
.forgetLink:hover
{
  color:#95a979;
  font-size: 90%;
  cursor: pointer;
}