a {
    color: #a099ff;
    text-decoration: none;
}

a:hover {
	color: #fff;
}

#nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 66px;
    font-size: 13px;
    font-family: monospace;
    line-height: 1.5em;
    color: #ffffff;
    display: flex;
    z-index: 100;
}

.button {
    font-size: 20px;
    color: #4a00ff;
}

.button:hover {
    color: #fff;
    cursor: pointer;
}

#arrows {
    margin: 25px;
}

.center {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: -1;
}

#mcl {
    font-family: sans-serif;
    font-size: 1.5em;
}

#button-info {
	position: absolute;
	top: 25px;
	right: 28px;
	z-index: 4;
}

#button-x {
    visibility: hidden;
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 4;
    color: #4a00ff;
    font-size: 250%;
}

#button-x:hover {
    color: #fff;
    cursor: pointer;
}

#info {
    position: absolute;
    visibility: hidden;
    top: 15px;
    right: 15px;
    opacity: 0.88;
    background-color: rgba(0,0,0,0.66);
    border: 5px solid #4a00ff;
    color: #fff;
    padding: 20px 25px;
    width: 432px;
    z-index: 3;
    line-height: 1.6em;
}