body {
	background: #226666;
	font-family: 'Lato', sans-serif;
	color: #FAFAFB;
	text-align: left;
	font-weight: bold;
}

a {
	color: #7A9F35;
	font-weight: bold;
}

form {
	margin: 30px auto 30px auto;
}

@media (max-width: 800px) {
	#sbody {
		margin-right: auto;
		margin-left: auto;
		display: block;
	}
}

@media (min-width: 800px) {
	#sbody {
		margin-right: auto;
		margin-left: auto;
		display: block;
		width: 750px
	}
}

.header {
	font-size: 35px;
	text-transform: uppercase;
	letter-spacing: 5px;
	text-align: center;
}

.description {
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1.3em;
	margin: -2px 0 45px;
}

.input {
	display: flex;
	align-items: center;
	align-content: stretch;
}

.button {
	height: 44px;
	border: none;
}
  
#ip {
	width: 450px;
	background: #FDFAFA;
	font-family: inherit;
	color: #727273;
	letter-spacing: 1px;
	text-indent: 5%;
	border-radius: 5px 0 0 5px;
}

#submit {
	width: 100px;
	height: 46px;
	background: #E96B8D;
	font-family: inherit;
	font-weight: bold;
	color: inherit;
	letter-spacing: 1px;
	border-radius: 0 5px 5px 0;
	cursor: pointer;
	transition: background .3s ease-in-out;
}

#submit:hover {
	background: #B45B7E;
}

input:focus {
	outline: none;
	outline: 2px solid #E86D8C;
	box-shadow: 0 0 2px #E86D8C;
}

table {
    border-collapse: collapse;
    width: 100%;
}

tr {
    border-bottom: 1px solid #E86D8C;
}

th {
    text-align: left;    
}

.wrap {
	white-space: pre-wrap;
	word-break: break-all;
}

.wrap a{text-decoration:none}
.wrap a:hover{text-decoration:underline}