/*==regole==*/
.div-center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.zoom {
    transition: transform .2s, box-shadow .2s;
}
.zoom:hover {
    z-index: 1;
    transform: scale(1.1);
    box-shadow: 10px 10px 7px rgb(59, 58, 58);
}

/*==banner==*/
.banner{
    position: relative;
    /*background-image: url(Immagini/banner.jpg);*/
    background-color: white;
    background-size: cover;
    background-repeat: no-repeat;
    width: 500px;
    height: 300px;
    top: 4vh;
    left: 50%;
    transform: translateX(-50%);
    border-radius:40px;
    color: red;
    font-size: 30px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

/*==navbar==*/
.navbar {
    position: relative;
    width: clamp(300px, 40vw, 600px);
    height: 50px;
    background-color: rgb(196, 196, 196);
    border-radius: 20px;
    top: 5vh;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: black;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    box-shadow: 4px 4px 4px rgb(95, 95, 95);
    font-size: 25px;
}

.navbar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    gap: 1.5rem;
}

.navbar li {
    border-radius: 5px;
}

.navbar li a {
    display: inline-block;
    color: black;
    background-color: white;
    border: 1px solid black;
    text-decoration: none;
    padding: 4px 8px;
    border-radius: 5px;
    position: relative; 
    transition: transform .2s, box-shadow .2s;
}

.navbar li a:hover {
    z-index: 1;
    transform: scale(1.1);
    box-shadow: 3px 3px 3px rgb(95, 95, 95);
}
@media screen and (max-width: 1500px) 
{ 
.navbar { 
    width: 300px;
    height: 25px;
    font-size: 15px;
}
}

/*==pulsante==*/
.pulsante{
    position: absolute;
    width: 400px;
    height: 400px;
    border-radius: 40px;
    background-size:cover;
    background-repeat: no-repeat;
    border: 4px solid black;
}
@media screen and (max-width: 1500px) 
{ 
.pulsante { 
    width: 200px;
    height: 200px;
}
}
.subtext{
    position: absolute;
    width:inherit;
    height: 25%;
    background-color: white;
    border-radius: 0px 0px 40px 40px;
    bottom: 0px;
    font-size: 37px;
    color: black;
    border-top: 2px solid black;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
@media screen and (max-width: 1500px) 
{ 
.subtext { 
    font-size: 18px;
}
}
.subtext a:visited{
    color: black;
}

/*==footer==*/
footer{
    position: fixed;
    bottom: 0px;
    left: 0;
    width: 100vw;
    height: 10vh;
    background-color: #14539a;   
}
footer a{
    color: white;
    font-size: 30px;
}
@media screen and (max-width: 1000px) 
{ 
footer a { 
    font-size: 18px;
}
}
.footer-table td{
    width: 200px;
}