@font-face {
    font-family: 'Fixture';
    src: url('../font/Fixture/Fixture-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Fixture';
    src: url('../font/Fixture/Fixture-SemiBold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Fixture';
    src: url('../font/Fixture/Fixture-Bold.ttf') format('truetype');
    font-weight: 700;
}

body {
    position: relative;
}

.pague-externo {
    margin-top: 20px;
    transform: rotate(-2deg);
    margin: 10px;
}

.pague {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 600;
    font-size: 32px;
    text-shadow: -2px -2px 0 black,
    2px -2px 0 black,
    -2px 2px 0 black,
    2px 2px 0 black;
    line-height: 30px;
    padding: 10px 200px;
}

.pague-regularizar {
    font-family: 'Fixture';
    font-weight: 600;
    font-size: 52px;
    text-shadow: -2px -2px 0 black,
    2px -2px 0 black,
    -2px 2px 0 black,
    2px 2px 0 black;
    letter-spacing: -4px;
    margin-top: -30px;
}

.card-view-label {
    top: -12px;
    font-size: .9rem
}

.header-publico > .container {
    background-color: #FFF;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #000;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border-left: 7px solid #000;
    border-bottom: 7px solid #000;
    border-right: 2px solid #000;
}

.header-publico .menu {
    font-family: 'Fixture';
    font-weight: 600;
    font-size: 32px;
}

footer {
    color: #000;
}

footer .esquerda {
    background-color: #F9D401;
    padding: 5px;
}

footer .direita {
    background-color: #FFF;
    padding: 5px;
}

body {
    background: url('../img/fundo.jpg') no-repeat;
}

.container-principal {
    background: #FFF;
    border-radius: 25px;
    border-left: 7px solid #000;
    border-bottom: 7px solid #000;
    border-right: 2px solid #000;
    margin-bottom: 10px;
}

/*MOEDAS*/
.moedas {
    position: absolute;
    z-index: -1;
}

.moeda-1 {
    left: -10px;
    bottom: 0;
}

.moeda-2 {
    left: 0;
    top: 50%;
}

.moeda-3 {
    right: 2%;
    top: 25%;
    width: 100px;
}

.moeda-4 {
    right: 0;
    top: 60%;
}

.moeda-5 {
    left: 10%;
    top: 10%;
}

.moeda-6 {
    right: 5%;
    top: 5%;
}