/*stylesheet for cs50 project 0 -- google search*/

body {
    background-color: #21231F;
    font-family: sans-serif;
    position: relative;
}

h1 {
    color:whitesmoke;
    text-align: center;
    font-size: 74pt;
    padding: 5px;
    position: static;
    margin: auto;
}
    
.sub-h1 {
    color:#4487f6;
    text-align:center;
    font-size: 8pt;
    padding: 1px;
    margin: auto;
}

.advh1 {
    font-size: 30pt;
    text-align: left;
}

form {
    text-align: center;
    padding-top: 1px;
    color: whitesmoke;
}

.advlabel {
    float: left;
    display: table-cell;
    vertical-align: middle;
    min-width: 200px;
    min-height: 41px;
}

.advform {
    text-align: left;
    display: inline-block;
}

input[type=text] {
    background-color: #21231F;
    padding: 8px;
    outline: none;
    border-width: 1px;
    border-color: whitesmoke;
    color: whitesmoke
}

.advclear {
    clear: both;
    width: 100%;
}

.regtext {
    border-radius: 60px;
    width: 40%;
}

.advtextwidth {
    width: 100%;
}

.advtext {
    float: left;
    min-width: 500px;
    vertical-align: middle;
}

input[type=submit] {
    padding: 5px;
}

.buttons {
    padding: 5px;
    margin: auto;
}

.regbutton {
    border-radius: 20px;
    padding: 5px;
    margin: auto;
}
.advbutton {
    background-color: #4487f6;;
    border: 5px;
    border-color: #f2f2f2;
    color: #f2f2f2;
}

a {
    display: block;
    font-size: small;
    top: 10px;
    right: 8px;
}

.topnav {
    overflow: hidden;
}

.topnav a {
    float: right;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 5px;
  font-size: xx-small;
  text-decoration: none;
}

.topnav a:hover {
    text-decoration: underline;
}