html {
    position: relative;
    min-height: 100%;
}
pre {
    width: 100%;
}
header {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    background-color: #333;
    padding: 20x;
}
footer {
    height: 100px;
    background-color: #333;
    width: 100%;
    text-align: center;
    padding-top: 40px;
    color: #fff;
    margin-top: 20px;
    position: absolute;
    bottom: 0;
}
#content {
    margin-bottom: 120px;
    padding: 15px;
}
img {
    max-width: 100%;
    height: auto;
}
.show-code,
.home-form {
    text-align: center;
}
.browse {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    cursor: pointer;
}
.error {
    color: red;
}
.show-code {
    border: 1px solid #ccc;
    padding: 25px;
    border-radius: 7px;
}
.show-code #copyTarget {
    font-size: 2.7rem;
}
.show-code .facebook {
    color: #0062cc;
}
#copyButton {
    font-size: 2em;
}
.code-copied {
    display: none;
    margin-top: 10px;
    padding: 20px 20px 7px;
    border: 1px solid #ccc;
    font-size: 1.5em;
    border-radius: 10px;
    background-color: #9cf79c;
}
.center p {
    text-align: center;
}
.browse {
    position: absolute;
    left: 15px;
    bottom: 16px;
    width: 100px;
}
.cleafix {
    clear: both;
    width: 100%;
}
.facebook-icon {
    width: 70px;
}