body {
            background-color: #f4f6fa;
            color: #253147;
            font-family: 'Segoe UI', Arial, sans-serif;
            margin: 0;
            padding: 0;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .container {
            text-align: center;
            padding: 42px 20px;
            background: white;
            border-radius: 12px;
            box-shadow: 0 4px 20px rgba(60,80,140,0.07);
        }
        .emoji {
            font-size: 60px;
            margin-bottom: 0.3em;
        }
        h1 {
            color: #4362ea;
            margin-bottom: 0.2em;
        }
        .credits {
            color: #8892b0;
            margin-top: 2em;
            font-size: 0.95em;
        }
		div {
			background-color: #FFF4A3;
			}
					
		ul.classe {
		  list-style-type: none;
		  margin: 0;
		  padding: 0;
		  overflow: hidden;
		  background-color:blue;
		}

		ul.classe li.classe {
		  float: left;
		}

		ul.classe li.classe a {
		  display: block;
		  color: white;
		  text-align: center;
		  padding: 14px 16px;
		  text-decoration: none;
		}

		ul.classe li.classe a:hover {
		  background-color: red;
		}