@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;600;800&display=swap');

html {
    background-color   : #fff;
    background-image   : url(../imagens/background.svg);
    background-position: center;
    background-size    : cover;
}

body {
    font-size      : 15px;
    font-family    : 'Ubuntu', sans-serif;
    background-size: contain;
    background     : #fff;
}

.container {
    max-width: 1000px;
}

header {
    background-image     : url(../imagens/paragominas.jpeg);
    width                : 100%;
    background-attachment: fixed;
}

header .logo {
    text-align    : center;
    padding-top   : 100px;
    padding-bottom: 30px;
}

header .logo img {
    max-width: 65%;
    height   : 80px;
}

aside {

    background: #0496d8;

    border-top: 10px solid #0873b4;

    padding: 20px;

    margin-bottom: 2rem;
}

aside ul {}

aside ul li {}

aside ul li a {
    background     : #fff;
    width          : 100%;
    display        : block;
    padding        : 5px;
    border-radius  : 5px;
    text-decoration: none;
    color          : #555;
    font-size      : 16px;
    text-transform : uppercase;
}

aside ul li a svg {
    width         : 55px;
    height        : 55px;
    display       : inline-block;
    background    : #eaeaea;
    border-radius : 50%;
    padding       : 10px;
    vertical-align: middle;
}

aside ul li a p {
    display       : inline-block;
    margin        : 0;
    font-size     : 14px;
    width         : calc(100% - 60px);
    vertical-align: middle;
    line-height   : 16px;
    padding-left  : 5px;
}

aside ul {
    margin-bottom  : 0;
    list-style-type: none;
}

.linksext {

    margin-bottom: 2rem;
}

.linksext li {
    list-style-type: none;
}

.linksext ul {}

.linksext ul .box li {
    list-style-type: none;
    padding        : 5px 0;
}

.linksext ul li .box {
    display : block;
    position: relative;
    height  : 180px;
    width   : 100%;
    ];
    overflow        : hidden;
    text-decoration : none;
    border-radius   : 10px;
    background-color: #0673b4;
    color           : #fff;
    padding         : 20px;
    padding-right   : 17px;
}

.linksext ul li svg {
    position: absolute;
    height  : 90%;
    left    : -70px;
    top     : 10px;
}

.linksext ul li .box-text {
    display     : block;
    margin      : 0;
    padding-left: 80px;
}

.linksext ul li .box-text>span {
    font-weight   : 800;
    text-transform: uppercase;
    font-size     : 20px;
}

.linksext ul li .box-text a {
    color          : #fff;
    text-decoration: none;
    display        : block;
    line-height    : 17px;
    overflow-wrap  : break-word;
    padding        : 10px;
    background     : #0096d8;
    border-radius  : 30px;
}

.linksext ul li .box-text ol {
    padding   : 0;
    list-style: none;
}

.linksext ul li p span {
    display        : block;
    font-size      : 36px;
    text-decoration: none;
}

.rodape {
    background-color: #0673b4;
    color           : #fff;
    padding         : 20px;
    text-align      : center;
}

.rodape img {
    max-width    : 300px;
    max-height   : 100px;
    margin-bottom: 10px;
}