body{margin:0}.menu{display:grid;font-size:2.4rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-content:center;margin:40px auto;max-width:1240px;padding:0 20px}.menu,.menu-item{position:relative}.menu-item{padding:.5rem 1rem;text-align:center;text-decoration:none;transition:background-color .3s ease,color .3s ease;z-index:1}.menu-item,.menu-item:hover{border-radius:50px}.menu-item:hover[data-hovercolor="#B01C2E"]{background-color:#b01c2e}.menu-item:hover[data-hovercolor="#75928c"]{background-color:#75928c}.menu-item:hover[data-hovercolor="#414042"]{background-color:#414042}.menu-item:hover[data-hovercolor="#003d55"]{background-color:#003d55}.menu-item:hover[data-hovercolor="#939598"]{background-color:#939598}