body {
			background-color: #333333;
			padding: 0;
			margin: 0 auto;
			max-width: 1100px;
		}

		ul {
			list-style-type: none;
			display: flex;
			justify-content: center;
			padding: 10px;
		}

		li {
			margin: 0 10px;
		}

    		a {
			color: white;
		      	font-family: Arial, sans-serif;
      			text-decoration: none;
    		}

    		.language {
			color: white;
		      	font-family: Arial, sans-serif;
      			text-decoration: none;
			position: absolute; 
			right: 30px;
    		}

    		.button {
			color: white;
			background: transparent;
		      	font-size: 130%;
		      	font-family: Arial, sans-serif;
      			text-decoration: none;
      			border: 2px solid white;
      			padding: 5px;
      			position: relative;
      			z-index: 2;
			transition: color 300ms ease;
    		}

    		.button:hover {
  			color: black;
    		}

    		.button:after {
      			content: "";
      			position: absolute;
      			left: 0;
      			bottom: 0;
      			height: 0;
      			width: 100%;
      			background-color: white;
      			transition: height 0s ease;
      			z-index: -1;
    		}

    		.button:hover:after {
			height: 100%;
      			transition: height 300ms ease;
    		}

    		.button:before {
      			content: "";
      			position: absolute;
      			left: 0;
      			top: 0;
      			height: 0;
      			width: 100%;
      			background-color: white;
      			transition: background 0ms ease, height 300ms ease;
      			z-index: -1;
    		}

    		.button:hover:before {
  			background: transparent;
      			height: 100%;
    		}

		.active {
			background-color: white;
			color: black;
		}