@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@800&display=swap');

@font-face {
    font-family: Impact;
    src: url('fontes/impact.ttf');
}

.iob{
    margin-top: 120px;
}

@media(max-width: 420px){
    .iob{
        margin-top: 90px;
    }
}

.iob .main-title{
    font-family: Impact;
    text-transform: uppercase;
    color: #011F52;
    letter-spacing: 2px;
    font-size: 2.5rem;
}

.iob .main-subtitle{
    font-family: 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 1.25rem;
}

.iob .btn-site{
    font-family: 'Kanit', sans-serif;
    background-color: #001C4F;
    text-transform: uppercase;
    border-radius: 5px;
    color: #ffffff;
    font-size: 0.75rem;
    letter-spacing: 0.5px;
    padding: 8px 15px;
}

.iob .btn-site:hover{
    background-color: #000f2c;
}

@media(max-width: 768px){
    .iob .main-subtitle{
        font-size: 1.1rem;
    }
}

@media(max-width: 425px){
    .iob .main-title{
        font-size: 1.9rem;
    }
    .iob .main-subtitle{
        font-size: 1.0rem;
    }
}