main form.passwordegare fieldset legend p.recup {
  float: right;
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight:bold;
}

main fieldset.passwordegare>button {
  padding: 0;
}

main form.passwordegare fieldset {
  box-shadow: 5px 5px 5px 1px gray;
  border: none;
  padding-top: 0;
  margin: 0 auto;
  min-width: 300px;
  width: 384.36px;
  height: 621.9px;
  background: center / cover no-repeat url("../svg/golfe.svg"), url("../images/texture.jpeg");
}

main form.passwordegare fieldset legend i.material-icons {
  font-size: 70px;
}

main form.passwordegare div.action-set {
  width: 100%;
  min-width: 300px;
  padding: 10px 0;
  margin-top:0em;
}

main form.passwordegare div.action-set button  {
  border-radius: 0;
  box-shadow: 5px 5px 5px 1px gray;
  border: 1px solid whitesmoke;
}

main form.passwordegare input {
  width: 100%;
  margin-top: 4em;
  margin-bottom: 30px;
  background-color: whitesmoke;
  box-shadow: inset 0px 1px 4px 1px lightgray;
  padding:1em;
  text-align: center;
}

main form.passwordegare input:focus {
  background-color: #e6e6e2;
  box-shadow: inset 0px 1px 4px 1px lightgray;
  outline: none;
}

main form.passwordegare input:hover {
  background-color: #ccc6c6;
  box-shadow: inset 0px 1px 4px 1px lightgray;
  outline: none;
}


main form.passwordegare label {
  font-weight: 900;
}

main form.passwordegare a {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 12px;
  font-weight: 900;
  line-height: 3em;
  margin-top:3em;
}

main form.passwordegare a:visited {
  color: black;
}

main form.passwordegare a:hover {
  color: red;
}



/* /////////////////////////////////////
//////// SMARTPHONE /////////////////
///////////////////////////////////// */
@media (pointer:coarse), (max-width:700px) {

p a {
    padding: 0.1em 0.5em;
    border-radius: 1em;
    background-color: var(--link-bg);
}


  main {
    width:100%;
    padding:0;
    position: relative;
    top:4.5em;
  }

  main form.passwordegare fieldset p.recup {
    padding:0;
    margin:0 0 2em 0;
    font-size: 0.8em;
  }

  main form.passwordegare fieldset p.note {
    margin-top:12em;
  }

  main form.passwordegare fieldset {
    position: relative;
    width:100%;
    box-shadow: none;
    margin:0;
    border-top: 1px solid black;
  }

  main form.passwordegare label {
    font-weight: 900;
    margin:1em 0 0 0 ;
  }

  main form.passwordegare div.action-set {
    position: absolute;
    left:0;
    top:13em;
    width:100%;
    min-width: 300px;
    margin: 0 auto;
    padding: 0;
    opacity: 0.8;
    box-shadow: 0 0 0 0;
  }

  main form.passwordegare a {
    padding:0.5em;
    margin:0.5em auto;
    width:100%;
    background: linear-gradient(135deg, #333 5%, #5a5a5a 100%);
    box-shadow: 5px 5px 5px 1px gray;
  }

  main fieldset.passwordegare input {
    margin-top: 0;
    margin-bottom: 0;
  }

  main fieldset.passwordegare {
    margin: 10% 30% 20% 3%;
    width: 90%;
    border-top: 1px solid black;
    box-shadow: 4px 4px 8px #c8c8c3;
  }

  main form.passwordegare input {
    padding: 2em;
    margin-top:0em;
    margin-bottom: 0em;
  }

  main form.passwordegare a:visited {
    color: white;
  }

main form.passwordegare fieldset legend i.material-icons {
  font-size: 2em;
}

}