body {
	font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	color: #424242;
	background: #ffffff;
	text-rendering: optimizeLegibility;
	font-size: 17px;
}

p {
	    line-height: 1.4;
}

#footer a {
	color: #cfcfcf;
	font-size: 13px;
	line-height: 1.35;
	font-weight: 500;
	box-shadow: none;
}

#footer a:hover {
	color: #0165ff;
	box-shadow: none;
}

nav.main-nav a, nav.pagination a {
	color: #cfcfcf;
	font-size: 13px;
	line-height: 1.35;
	font-weight: 500;
	box-shadow: none;
	text-decoration: none;
}

nav.main-nav a:hover, nav.pagination a:hover {
	color: #0165ff;
	box-shadow: none;
}

div.site-title a {
    float: left;
	font-size: 17px;
	line-height: 1.35;
	font-weight: 500;
	box-shadow: none;
	text-decoration: none;
	color: #0165ff;
}

div.site-title a:hover {
    float: left;
	font-size: 17px;
	line-height: 1.35;
	font-weight: 500;
	box-shadow: none;
	text-decoration: none;
	color: #cfcfcf;
}

sup a {
	font-size: 11px;
}

pagea a {
	color: #424242;
	text-decoration: underline;
	text-decoration-color: #0165ff;
}

pagea a:hover {
	color: #0165ff;
	text-decoration: none;
}

h3 a {
	color: #424242;
	text-decoration: underline;
	text-decoration-color: #0165ff;
}

h3 a:hover {
	color: #0165ff;
	text-decoration: none;
}

greya a, metaa a {
	color: #cfcfcf;
	text-decoration: underline;
	text-decoration-color: #cfcfcf;
}

greya a:hover, metaa a:hover {
	color: #0165ff;
	text-decoration: underline;
	text-decoration-color: #0165ff;
}

sc {
	font-size: 15px;
}

mark {
  padding: 0 3px;
  border-radius: 3px;
  background: rgba(255, 246, 200, .8)
}

blockquote {
  font-style: normal;
  opacity: 0.8;
  padding: 0 0 0 12px;
  border-left: 2px solid;
  border-color: #0165ff;
}

code {
	font-family: Menlo, Monaco, Courier; 
	background-color: #EEE; 
	font-size: 14px;
}

span.divider {
	display: block;
	width: 30%;
	background-color: #0165ff;
	height: 1px;
	margin: 0 auto;
}

svg {fill: #0165ff;}
svg:hover {fill: #cfcfcf;}

#wrapper {
  max-width: 700px; !important
  padding: 40px;
}


.site-image {
    display: inline-block;
    width: 40px;
    border-radius: 13px;
    margin-top: -5px;
}

.form-inline {  
  display: flex;
  flex-flow: row;
  align-items: center;
}

.form-inline label {
  margin: 5px 5px 5px 0;
}

.form-inline input {
  vertical-align: middle;
  width: 50%;
  padding: 8px;
  background-color: #ffffff;
  border: 1px solid #0165ff;
  border-radius: 30px 0px 0px 30px;
}

.form-inline button {
  vertical-align: middle;
  padding: 6.5px 20px;
  margin-bottom: 0px;
  background-color: #0165ff;
  border: 2.5px solid #0165ff;
  color: #ffffff;
  cursor: pointer;
  border-radius: 0px 30px 30px 0px;
  }

.form-inline button:hover {
  background-color: #cfcfcf;
  border: 2.5px solid #cfcfcf;
  color: #ffffff;
}

@media (max-width: 800px) {
  .form-inline input {
    margin: 10px 0;
		width: 80%;
		border-radius: 3px;
  }
	
	.form-inline button {
		border-radius: 3px;
	}
  
  .form-inline {
    flex-direction: column;
    align-items: center;
  }
}