:root {
    --sfondo-pagina: linear-gradient(0deg,rgba(45, 63, 65, 1) 0%, rgba(23, 34, 36, 1) 100%);;
    --sfonfo-elementi: #273236;
    --testi: #f8f6f7;
    --testi2: #c0c0c0;
    --testi3: rgb(37, 37, 37);
    --bordi: #8DA8A1;
}


body, html{margin: 0;border: 0;height: 100vh;width: 100%;max-width: 100vw;background: var(--sfondo-pagina);overflow-y: auto;}
*{color: var(--testi);font-family: "Montserrat", serif;}

::-webkit-scrollbar{width: 10px;}
::-webkit-scrollbar-thumb{background-color: var(--sfonfo-elementi);width: 15px;}

.navbar{height: 40px;border-bottom: var(--bordi) 2px solid;padding: 2px;width: 100%;position: fixed;top: 0;margin: 0;background: var(--sfonfo-elementi);}
.imgnavbar{max-height: 85px;max-width: fit-content;border-radius: 90%;}
.navbardiv{display: block;width: 100%;}
.testinavbar{font-size: 3vh;text-decoration: none;margin: 0 25px 0 25px;transition: 1s;float: right;padding: 5px;border-radius: 5%;}
.testinavbar:hover{border: var(--bordi) solid 3px;color: var(--sfonfo-elementi);background-color: var(--testi2);}

.stacca{margin: 100px 0 0 0;padding: 0 40px 0 40px;}
.titoli{font-size: 5vh;text-align: center;}
.elementi-testi{border-radius: 3%;background-color: var(--sfonfo-elementi);padding: 10px;margin: 5px;border: var(--bordi) solid 3px;}
#timerrimasto{font-size: 10vh;align-items: flex-start;margin: 0;text-align: center;}
p{font-size: 3vh;}
.boxgenerale{padding-top: 15vh;margin-bottom: 20vh;}
.boxdestra{margin-left: auto;margin-right: 0;}
.boxsinistra{margin-left: 0;margin-right: auto;}
.boxsinistra,.boxdestra{width: 49vw;}
.pulsante{background: var(--sfonfo-elementi);font-size: 3vh;padding: 5px;}
.formemail{width: 30vw;height: 4vh;padding: 5px;margin: 20px 0 10px 0;color: var(--testi3);}
.nounderline{text-decoration: none;}

.footer{background: var(--sfonfo-elementi);border-top: var(--bordi) 3px solid;padding: 2px;margin-top: 5vh;padding: 5vh;}
.testifooter{font-size: 3vh;text-decoration: none;}
.testifooter:hover{text-decoration: underline;}

@media only screen and (max-width:400px){
.formemail{width: 50vw;}
.boxsinistra,.boxdestra{width: 80vw;}
}