*{
    padding: 0;
    margin:0;
}

main{
    width:100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; 
    background-repeat: no-repeat;
    background-position: center center;
    background-size: center;
     
}

body{
    background-image:
    /*two color gradient over an image*/
    url('immagini/italiabackground.png'),linear-gradient(to bottom, rgba(3, 115, 180, 1), 
  rgba(36, 49, 107, 1));
  background-position: center center;
  background-repeat: no-repeat;
  
    color: #0a1d33;
}

.cropArea {
    background: #E4E4E4;
    overflow: hidden;
    font-size: 0px;
    line-height: 0px;
  }

  .center {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}