@font-face {
    font-family: "Hurufo & Numero";
    src: url(../fonts/Hurufo\ &\ Numero.ttf);
 }

.bg-samuel {
    background-image: url(../img/bg-samuel.png);
    background-size: cover;
    height: 100vh;
    width: 100vw;
    font-family: "Hurufo & Numero";
}
.bg-conceitto {
    background-image: url(../img/bg-conceitto.png);
    background-size: cover;
    height: 100vh;
    width: 100vw;
    font-family: "Hurufo & Numero";
}
.ft-perfil {
    width: 100px;
    border-radius: 10px;
}
.ft-assinatura {
    width: 150px;
}
.w-50 {
    width: 50%;
}
.btn {
    font-size: 20px;
    width: auto;
}
.btn-orange {
    background-color: rgb(237 125 48 / 80%);
    color: white;
}
.btn-orange:hover, .btn-orange:active, .btn-orange:focus {
    background-color: rgb(237 125 48 / 100%) !important;
    color: white !important;
}
.btn-green {
    background-color: rgb(37 161 87 / 80%);
    color: white;
}
.btn-green:hover, .btn-green:active, .btn-green:focus {
    background-color: rgb(37 161 87 / 100%) !important;
    color: white !important;
}
.btn-white {
    background-color: rgb(255 255 255 / 80%);
    color: rgb(37 161 87 / 100%);
}
.btn-white:hover, .btn-white:active, .btn-white:focus {
    background-color: rgb(255 255 255 / 100%) !important;
    color: rgb(37 161 87 / 100%) !important;
}