Clover-Edition/static/style.css

body {
	background-color: #000
}

#console {
	font-family: courier, monospace;
	color: #fff;
	width:750px;
	margin-left:auto;
	margin-right:auto;
	margin-top:100px;
	font-size:14px;
	background-color: #000;
}

.about {
    font-family: courier, monospace;
	width:750px;
	margin-left:auto;
	margin-right:auto;
	margin-top:100px;
    font-size:14px;
}

.about text{
    color: #fff;
}
.about h2{
    color: #0bc;
    font-size:20px;
}

a {
	color: #0bc;
	text-decoration: none;
}

#a {
	color: #0f0;
}

#c {
	color: #0bc;
}

#b {
	color: #ff0096;
}

#k {
    	animation: change 1s;
}

#op{
    	color: #888888
}

#SI{
    background-color:transparent;
}

@keyframes change {
    	0%  { color:  #333; }
    	50% { color:  #0f0; }
    	99% { color: black; }
}

#buttons {
    position: absolute;
    bottom: 0;
    height: 60px;
    width: 100%;
    color: 334;
    background-color:#000;
    text-align: center;
      display: flex;
  justify-content: space-between;
} 

button {
    border-color: #000
    bottom: 0;
    color: #fff;
    margin-left: 4%;
    margin-right: 4%;
    background-color: #111;
    width: 18%;
    height: 40px;
    text-align: center;

}
@media screen and (min-width: 600px) {
  #buttons {
    visibility: hidden;
    display: none;
  }
}

/* Add a black background color to the top navigation */
.topnav {
    background-color: #000;
    overflow: hidden;
    width:750px;
	margin-left:auto;
	margin-right:auto;
	
}

/* Style the links inside the navigation bar */
.topnav a {
    font-family: courier, monospace;
  display: inline-block;
  color: #0bc;
  text-align: center;
  padding: 10px 5px;
  text-decoration: none;
  font-size: 16px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #0bc;
  color: white;
}