html, body{
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; 
    background: rgb(236, 240, 241);
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    display:table;
}
body{
    display:table-cell;
    vertical-align:middle;
}

h1{
  text-align: center;
  margin-bottom: 5%;
  color: rgb(44, 62, 80);
}

div{
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    float: left;
    margin-left: 20px;
    color: rgb(236, 240, 241);
}

form{
    background: rgb(52, 73, 94);
    padding: 50px;
    display:table;
    margin:auto;
    box-shadow: 10px 10px 5px #888888;
}

input[type=button] {
    color:rgb(236, 240, 241);
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 30px;
    background: rgb(231, 76, 60);
    width: 180px;
    height: 123px;
    margin-top: -50px;
    margin-right: -51px;
    margin-bottom: -50px;
    display: block;
    border: none;
}

input[type=button]:hover{
    background: rgb(192, 57, 43);
}

input[type=text]{
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 14px;
}

#article {
    color: black;
    padding: 3% 10% 1%;
}