.App{text-align:center;display:flex;flex-direction:column;width:100%;height:100%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);width:98%;color:white;padding:20px}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.nav{width:100%}.nav-list{list-style:none;display:flex;justify-content:space-around;padding:0;margin:0}.nav-item a{color:white;text-decoration:none;font-size:18px;font-weight:700;padding:10px 20px;transition:background-color .3s}.nav-item a:hover{background-color:#333333;border-radius:5px}