/*body {

    color: white;

    margin: 0;

    padding: 0;

    perspective: 1px;

    transform-style: preserve-3d;

    height: 100%;

    width: 100%;

    overflow-y: scroll;

    overflow-x: hidden;

    display: block;

    background: url("img/sede_maf.jpg");

    background-size: cover;

    transform-origin: center center 0;

    transform: translate(-50%, -50%);

    z-index: -1;

    min-height: 100vh;

}*/

body {

    color: black;

    margin: 0;

    padding: 0;

    perspective: 1px;

    transform-style: preserve-3d;

    height: 100vh;

    width: 100%;

    overflow-y: hidden;

    overflow-x: hidden;

    /*background-color: white;*/

    /*background-image: linear-gradient(to right, green, white, red);*/

    background-color: #835533;



}







a:link {

  text-decoration: none;

  color:white;

  user-select: none

}





.logodiv{



  margin: 0;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  background: rgba(255, 255, 255, 0.5);

  padding: 1%;

  user-select: none ;





}





header {

    box-sizing: border-box;

    min-height: 90vh;

    position: absolute;

    transform-style: inherit;

    width: 100vw;

    text-align: center;

    text-transform: uppercase;

    user-select: none

}



/*header h1 {

    margin: 0;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    background: rgba(0, 0, 0, 0.7);

    padding: 3%;



}*/



header,



header:before {

    background: 50% 50% / cover;

    user-select: none

}



header::before {

    content: "";

    position: absolute;

    top: -8vh;

    left: 0;

    right: 0;

    bottom: 0;

    display: block;

    background: url("img/montedoro.jpg");

    background-size: cover;

    transform-origin: center center 0;

    transform: translateZ(-1px) scale(2);

    z-index: -1;

    min-height: 92vh;

    user-select: none

}



.container {

    z-index: 2;

    position: fixed;

    display: block;

    top: 140vh;



    color: black;

    width:100vw;

    background: rgba(0, 0, 0, 0);

    /*margin-bottom:30%;*/



    transform: translateZ(-1px) scale(2);

    user-select: none

}



button {

  background: rgba(0, 0, 0, 0);

  border: none;

  color: rgba(255, 255, 255, 0.9);

  text-align: center;

  text-decoration: none;

  display: inline-block;

  font-size: 16px;

  margin: 4px 2px;

  cursor: pointer;

  -webkit-transition-duration: 0.4s;

  transition-duration: 0.4s;

  text-decoration: underline;

}





.bottonewhistle:hover {

  color:grey;

}