html {
	background-image: url("leatplex.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	font-family: sans-serif;
	min-width: 700px;
}

body {
	margin: 0;
}

header {
	position: sticky;
	top: 0;
	width: 100%;
}

main {
    width: 80%;
    padding: 0px 20px 20px 20px;
    text-align: center;
    margin: auto;
	margin-top: 2%;
}

footer {
	border: 2px solid blue;
	width: 50%;
	border-radius: 15px;
	margin: auto;
	margin-top: 2.5%;
	background-color: rgba(102, 204, 255, 0.75);
}

div.warning {
	top: 0;
	padding: 1px;
	background: #ffcc00;
	color: Black;
	text-align: center;
}

div.bubble {
	border: 5px solid blue;
	border-radius: 15px;
	background-color: rgba(102, 204, 255, 0.75);
	margin: auto;
	margin-top: 1%;
	padding: 5px 5px 5px 5px;
}

button#ip {
	font-size: 25px;
	font-family: monospace;
	border-radius: 5px;
	background-color: rgba(255, 255, 255, 0.4);
}

summary h1, summary h2, summary h3, summary h4, summary h5, summary h6 {
	display: inline;
}

img {
	width: 500px;
	display: inline;
}

span {
	display: block;
}

ol {
  text-align: left;
}