@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";

* {
    color: inherit;
    margin: 0;
    padding: 0;
}
.article-title,
.section-title {
  color:#193EFF;
}

.article-title {
  font-size: 2rem;
}

.section-title {
  font-size: 1.875rem;
}



body {
    font-family: Poppins;
    padding: inherit;
    margin: inherit
}

ul {
    padding: 0;
    list-style-type: circle
}

a {
    text-decoration: underline
}

img {
    max-width: 100%
}

.text-align {
    text-align: Center
}

.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box
}

.row {
    display: flex;
    flex-flow: row wrap
}

.gap-2>* {
    padding: 20px
}

.gap-2 {
    margin-left: -20px;
    margin-right: -20px
}

.justify-center {
    justify-content: center
}

@media(min-width: 0) {
    .col-12-xs {
        box-sizing: border-box;
        flex-grow: 0;
        width: 100%
    }
}

@media(min-width: 720px) {
    .col-5-md {
        box-sizing: border-box;
        flex-grow: 0;
        width: 41.6666666667%
    }

    .col-6-md {
        box-sizing: border-box;
        flex-grow: 0;
        width: 50%
    }
}

@media(min-width: 960px) {
    .col-3-lg {
        box-sizing: border-box;
        flex-grow: 0;
        width: 25%
    }
}

.text-hover-secondary:hover {
    color: #1ac886
}

.text-gray {
    color: gray
}

.bg-gray-light-7 {
    background-color: #d9d9d9
}

.text-white {
    color: #fff
}

.text-gradient {
    background: linear-gradient(90deg, #FC466B 0%, #3F5EFB 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.p-0 {
    padding: 0
}

.pt-3 {
    padding-top: 3rem
}

.pb-3 {
    padding-bottom: 3rem
}

.m-1 {
    margin: .75rem
}

.ml-1 {
    margin-left: .75rem
}

.mt-2 {
    margin-top: 1.5rem
}

.mt-5 {
    margin-top: 6rem
}

.mb-2 {
    margin-bottom: 1.5rem
}

.mb-3 {
    margin-bottom: 3rem
}

.br {
    border-radius: 20px
}

.display-f {
    display: flex
}

.font-xxl {
    font-size: 3rem
}

footer {
    background: linear-gradient(90deg, #3498db, #b22469);
    color: #fff;
    border-radius: 10px
}

.card {
    display: block;
    padding: .75rem;
    border: 1px solid #ddd;
    box-shadow: 1px 3px 5px rgba(0, 0, 0, .1);
    border-radius: 5px;
    background: linear-gradient(90deg, #0700b8 0%, #00ff88 100%);
    border-radius: 10px;
    color: #fff
}

.card .card-title {
    font-size: 1rem;
    padding-bottom: .75rem;
    font-weight: bold
}

.btn-primary {
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    border: 0;
    padding: .75rem 1.5rem;
    border-radius: 20px;
    background-color: #326dee
}

.btn-primary:hover {
    background-color: #4a7ef0
}

.btn-complement-primary {
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    border: 0;
    padding: .75rem 1.5rem;
    border-radius: 20px;
    background-color: #326dee;
    color: #fae7bf
}

.btn-complement-primary:hover {
    color: #326dee;
    background-color: #fae7bf
}

.navbar .container,
.nav-graidient .container,
.navbar,
.nav-graidient {
    width: 100%;
    display: flex;
    height: min-content;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    border-radius: 10px
}

.navbar,
.nav-graidient {
    padding: .75rem 1.5rem;
    margin: 0;
    box-shadow: 1px 3px 5px rgba(0, 0, 0, .1)
}

.navbar .site-title,
.nav-graidient .site-title {
    font-size: 1.5rem
}

.navbar a,
.nav-graidient a {
    text-decoration: none
}

.navbar ul,
.nav-graidient ul {
    list-style-type: none
}

.nav-graidient {
    background: linear-gradient(90deg, #3498db, #b22469);
    color: #d3d3d3
}

.badge-orange {
    border-radius: 80px;
    background-color: #ffa600;
    padding: .1875rem .375rem;
    font-size: .75rem;
    font-weight: normal
}

body {
    padding: 2;
    margin: 2;
    text-align: center
}

iframe {
    border-width: 2px solid;
    border-style: inset;
    border-color: initial;
    border-image: initial;
    height: 266px;
    width: 320px
}

.error {
    margin: 0;
    padding: 0;
    background: linear-gradient(90deg, #3498db, #b22469)
}

.message {
    background: #fff;
    max-width: 360px;
    margin: 100px auto 16px;
    padding: 32px 24px 16px;
    border-radius: 3px
}

.message h3 {
    font-weight: normal;
    font-size: 16px;
    margin: 16px 0 12px
}

.message h1 {
    font-size: 2rem;
    margin: 0 0 16px;
    color: #ce1108
}

.message p {
    line-height: 140%;
    margin: 16px 0 24px;
    font-size: 14px
}

.message,
.message a {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)
}

.message a {
    margin: .75rem;
    padding: .75rem;
    border-radius: 10px;
    display: block;
    color: #fff;
    font-size: 1rem;
}