basic.css

@font-face {
  font-family: myFirstFont;
  src: url(kai.ttf);
}
@font-face{
  font-family: mySecondFont;
  src: url(gb.ttf);
}

body{
	text-align: center;
	padding: 20px;
	font-family: myFirstFont;
}

.red: {
	color: red;
}

a { 
	text-decoration: none; 
	color: gray;
}

input {
	vertical-align: top;
  min-height: 20px;
}

button {
  color: #6496c8;
  background: rgba(0,0,0,0);
  border: none;
  font-size: large;
}

button:hover {
  border-color: red;
  color: red;
}

#show_full {
  color: ;
  background: rgba(0,0,0,0);
  border: none;

}

#show_full:hover {
  border-color: orange;
  color: orange;
}

hr.style-two {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(255,20,147,0.75), rgba(0, 0, 0, 0));
}
#mainbox{
	padding-top: 20px;
}

#error{
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  bottom: 10%;
  z-index: 10;
}

#full{
  font-family: mySecondFont;
}