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

.menu {
	font-family: "Neue Regrade Medium";
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 10px 0 0 0;
    padding: 0;
    font-size: 16px;
    text-transform: uppercase;   
}

.menu a {
    margin: 0 10px;
    cursor: pointer;
    color: var(--clr-text);
    text-decoration: none;
}
.menu a:hover {
    color: var(--clr-menu-hover);
    transition-duration: 0.2s;
    transition-timing-function: ease-in-ot;
}



.active a {
    color: var(--clr-menu-active);
	text-decoration-line: none;
	text-decoration-style: solid;
	text-decoration-thickness: 2px;
}

.menu .active a:hover {
	color: var(--clr-menu-hover);
}






/* Per schermi di 1000px o più piccoli */

@media screen and (max-width: 1000px) {
    .name {
        font-size: 85px;
    }

    .subtitle {
        margin: 15px;
        font-size: 35px;
    }
    
    .menu {
        margin: 40px 10%;
        font-size: 32px;
    }
    
    .menu a {
        padding: 5px 10px;
    }
    
    .active {
        margin: 5px 0;
    }
	
}