#body{
        background-color: #101010;
        font-family: Comic Sans MS;
        color: gray;
        text-align: center;
     }
     #name {
        width: 500px;
        height: 100px;
        padding: 12px 20px;
        box-sizing: border-box;
        border: none;
        background-color: gray;
        color: white;
        margin-top: 50px;
        font-size: 70px;
        font-family: Comic Sans MS;
        border-radius: 9px;
     }
     .round{
        width: 130px;
        height: 130px;
        font-size: 90px;
        font-family: Comic Sans MS;
        border-radius: 50%;
        margin: 10px;
        box-shadow: 20px;
        border: none;
        box-shadow: 10px;
        text-align: center;
        padding-bottom: 10px;
        transition-duration: 0.4s;
        box-shadow: 0 5px #999;
     }
     #start{
        background-color: black;
        border-radius: 10px;
        border: none;
        color: greenyellow;
        text-align: center;
        text-decoration: none;
        font-size: 40px;
        cursor: pointer;
        width: 200px;
        height: 100px;
        vertical-align: middle;
        transition-duration: 0.4s;
        box-shadow: 0 5px #666;
     }
     /*.round:hover, .roundlevels:hover {
        background-color: green;
        color: white;
     }*/
     .roundlevels{
        width: 70px;
        height: 70px;
        font-size: 40px;
        font-family: Comic Sans MS;
        border-radius: 50%;
        margin: 10px;
        box-shadow: 20px;
        border: none;
        box-shadow: 10px;
        text-align: center;
        padding-bottom: 10px;
        transition-duration: 0.4s;
        box-shadow: 0 5px #999;
        margin-top: 20px;
     }
     /*#lvl1{
        background-color: darkgreen;
        color: black;
     }*/
     #start:hover{
        box-shadow: 0 3px #666;
        transform: translateY(4px);
     }
     .round:focus{
         outline: none;
     }
     .roundlevels:focus{
         outline: none;
     }
     #start:focus{
         outline: none;
     }
     /*#add{
        background-color: darkgreen;
        color: black;
     }*/
     /*
     #subtract{
        background-color: lawngreen;
        color: black;
     }
     #subtract:hover{
        background-color: yellow;
        color: white;
     }
     #divide{
        background-color: darkblue;
        color: black;
     }
     #divide:hover{
        background-color: blue;
        color: white;
     }
     #multiply{
        background-color: darkred;
        color: black;
     }
     #multiply:hover{
        background-color: red;
        color: white;
     }
     */
     	ul {
	  list-style-type: none;
	  margin: 0;
	  padding: 0;
	  width: 200px;
	  background-color: #f1f1f1;
	}
	
	li a {
	  display: block;
	  color: #000;
	  padding: 8px 16px;
	  text-decoration: none;
	}
	
	/* Change the link color on hover */
	li a:hover {
	  background-color: #555;
	  color: white;
	}