@charset "utf-8";
/* CSS Document */

:root {
  --hexColor1: #1E6D44; /*verde chiaro*/
}

* {
  margin:0;
  padding:0;
}

body {
  font-family: 'Roboto', sans-serif;
  color: var(--hexColor1);
  min-height:100vh;
}

#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

.content {
  width:100%;
  min-height:100%;
  margin:0 auto;
}

.content .immobile {
  background: var(--hexColor1);
  color:#fff;
  width:100%;
  height:100vh;
}

.fadeOut {
  -webkit-animation:fadeOut 1s;
  
  -webkit-animation-fill-mode:forwards;
  -moz-animation:fadeOut 1s;
  
  -moz-animation-fill-mode:forwards;
  animation:fadeOut 1s;
  
  animation-fill-mode:forwards;
}

.fadeIn {
  -webkit-animation:fadeIn 1s;
  -webkit-animation-delay:5s;
  -webkit-animation-fill-mode:forwards;
  -moz-animation:fadeIn 1s;
  -moz-animation-delay:5s;
  -moz-animation-fill-mode:forwards;
  animation:fadeIn 1s;
  animation-delay:5s;
  animation-fill-mode:forwards;
}

@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}

@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}

@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}

@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}

@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}

@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}