@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/OpenSans-Italic.ttf'); /* IE9 Compat Modes */
    src: url('../fonts/OpenSans-Italic.ttf') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/OpenSans-Italic.ttf') format('woff2'), /* Super Modern Browsers */
    url('../fonts/OpenSans-Italic.ttf') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/OpenSans-Italic.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/OpenSans-Italic.ttf') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'good times';
    src: url('../fonts/good times rg.ttf'); /* IE9 Compat Modes */
    src: url('../fonts/good times rg.ttf') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/good times rg.ttf') format('woff2'), /* Super Modern Browsers */
    url('../fonts/good times rg.ttf') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/good times rg.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/good times rg.ttf') format('svg'); /* Legacy iOS */
}


body{
    font-family: Arial, sans-serif;
}

.block {
    display: block;
    width: 100%;
    float: left;
}

.left {
    display: inline-block;
    width: 50%;
    float: left;
}

.right {
    display: inline-block;
    width: 50%;
    float: right;
}

.link:hover {
    cursor: pointer;
}

.title {
    font-size: 30px;
    color: #0e6dcd;
    font-weight: bold;
    text-align: center;
    display: block;
    float: left;
    margin: 40px auto;
    width: 100%;
}

.subtitle {
    font-size: 18px;
    color: #0e6dcd;
    font-weight: bold;
    text-align: center;
    display: block;
    float: left;
    margin: 5px auto;
    width: 100%;
}

.underbar {
    display: block;
    border-bottom: 4px solid #0e6dcd;
    width: 150px;
    margin: 5px auto;
}

.round img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px #0e6dcd solid;
}

.img img{
    width: 100%;
}

section{
    height: auto;
}

.sobre-content{
    display: none;
}

#result-response{
    padding: 5px;
    border-radius: 3px;
    font-family: Amiko-bold,sans-serif;
    text-align: center;
    width: 87%;
}

.error-response{
    display: block;
    margin: auto;
    background-color: rgba(255,0,0,.5);
    color: white;
}

.success-response{
    background-color: rgba(0,255,0,.5);
    color: white;
}