body {
    background-color: #C5C5C3;
    font-size: larger;
    font-family: "Helvetica Neue", "Segoe UI", sans-serif;
}

.outer-div
{
     padding: 30px;
}

.floater
{
     margin: 0 auto;
     width: 30rem;
     padding: 20px;
}

.content
{
     min-height: 8em;
     background-color: white;
}

.graybar /* Girl! I want to take you to a gray bar! */
{
	 background-color: #4B4B4B;
     color: white!important;
     font-size: x-large;
     font-weight: 600;
}

.code{
	color: #4B4B4B;
	font-family: "Lucida Console", Monaco, monospace;
	font-weight: 600;
}

input{
	font-size: larger;
    font-family: "Helvetica Neue", "Segoe UI", sans-serif;
    background-color: white;
    margin-bottom: 1em;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
}

button{
	padding: 20px;
    width: 100%;
    margin-top: 2em;
    margin-bottom: 1em;
}

a{
	color: #202222;
	font-weight: 800;
}

.linkonalist{
	color: #202222;
	font-size: medium;
	font-weight: 500;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:active {
    text-decoration: underline;
}