*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    
}
.menu{
    display: absolute;
  top:0vw;
    width: 100%;
background-image: linear-gradient(to left, #f08a06, #f19203, #f19a00, #f1a100, #f1a901, #e3b71e, #d6c436, #c9cf4e, #b2dd7c, #a6e8a8, #abeecd, #c1f2e7);
    opacity: 0.8;
    position: fixed;
    box-shadow: 1px 1px 20px 8px rgb(198, 241, 241) inset;
    border-bottom: 2px solid white;
    border-top: 2px solid white;
    border-radius: 0 0 .5em .5em;
}
.menu ul{
    display: flex;
    align-items: center;
    height: 60%;
    width: 50%;
    gap: 65vw;
}
.home{
    background-color: #e89932;
    text-align: center;
    color: #02083e;
    font-weight: 500;
    font-size: 1.6vw;
    padding:0.6vw;
    border-radius: 0.8em;
    border-bottom: 2px solid white;
    border-top: 2px solid white;
   
}
.home:hover{
    border-bottom: none;
    border-top: none;
    border-right: 2px solid white;
    border-left: 2px solid white;
}
.menu li{
list-style: none;
text-decoration: none;
width: 50%;
margin-left: 5vw;
}
.menu a{
    text-decoration: none;
}
.cat{
width: 10vw;
height: 10vw;
background: url(/public/images/logostone.png) no-repeat right;
background-size: 80%;
}
.on_work{
  margin-top:10vw;
  width: 100%;
  height:50vw;
  background: url(/public/images/paginaincostruzione.png)no-repeat top center;
  background-size: 50%;
}