/*--
_________          _______  _       
\__    _/|\     /|(  ___  )( (    /|
   )  (  | )   ( || (   ) ||  \  ( |
   |  |  | |   | || (___) ||   \ | |
   |  |  | |   | ||  ___  || (\ \) |
   |  |  | |   | || (   ) || | \   |
|\_)  )  | (___) || )   ( || )  \  |
(____/   (_______)|/     \||/    )_)
                                    
 _______  _______ _________ _______          _________ _______ 
(  ___  )(  ____ \\__   __/(  ___  )|\     /|\__   __/(  ___  )
| (   ) || (    \/   ) (   | (   ) || )   ( |   ) (   | (   ) |
| |   | || |         | |   | (___) || |   | |   | |   | |   | |
| |   | || |         | |   |  ___  |( (   ) )   | |   | |   | |
| |   | || |         | |   | (   ) | \ \_/ /    | |   | |   | |
| (___) || (____/\   | |   | )   ( |  \   /  ___) (___| (___) |
(_______)(_______/   )_(   |/     \|   \_/   \_______/(_______)
*/	



body {
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  color: gray;
  background: #e8e8e8;
}


a {
  color: #66D37E;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

a:hover, a:active, a:focus {
  color: #66D37E;
  outline: none;
  text-decoration: none;
}

li {
    display: inline;
}

a {
    display: inline;
    padding: 8px;
    background-color: #dddddd;
}

h1 {
	font-family: 'IBM Plex Sans', sans-serif;
  color: magenta;
	font-size: 50pt;
  font-weight: bold;
	text-align: center;
}

h2 {
	font-family: 'Anton', sans-serif;
	color:blue;
	font-size:24pt;
	text-align:center;
	
}

ul {
	list-style-type: none;
  font-weight: bold;
}