@font-face {
    font-family: 'DM Serif Display';
    src: url('DMSerifDisplay-Regular.ttf');
}

@font-face {
    font-family: 'Fira Mono';
    src: url('FiraMono-Regular.ttf');
}

  /* roboto-condensed-regular - latin */
  @font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: local(''),
         url('roboto-condensed-v19-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('roboto-condensed-v19-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }

table {
    width: 100% !important;
    line-height: 1.3em;
    border: #7db3f3 !important;
}

th {
    padding-top: 0.7em !important;
    padding-bottom: 0.6em !important;
    margin-left: 0.8em !important;
    margin-right: 0.8em !important;
    font-weight: 600 !important;
    color: #4b4b4b;
    background-color: #edf1fd;
    font-size: 1.3em !important;
}

strong {
    color: #4b4b4b;
}

td {
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
    margin-left: 0.8em !important;
    margin-right: 0.8em !important;
    font-size: 1.2em !important;
    min-width: 8em;
}

code {
    font-family: 'Menlo', 'JetBrains Mono', 'Courier New', Courier, monospace;
    font-size: 1em !important;
    color: #d83790 !important;
    font-weight: 300;
    word-wrap: break-word;
    white-space:pre-wrap;
    background-color: transparent !important;
    padding: 0px !important;
    box-shadow: 0 0 0 0 !important;
}

pre > code {
    background-color: #282a36 !important;
    font-size: 1em !important;
    padding: 1em !important;
    color: #ff99cc !important;
    border-radius: 5px !important;
}

body {
    font-family: Inter, 'IBM Plex Sans', sans-serif;
    font-weight: 400;
}

dt > b {
    color: #666 !important;
}

dd {
    margin-top: 0.2em !important;
}

.md-nav--lifted>.md-nav__list>.md-nav__item--active>.md-nav__link {
    font-size: 1.3em !important;
    color: #11595c !important;
    font-family: 'Roboto Condensed';
}

.md-nav__title {
    font-size: 1.3em !important;
    color: #11595c !important;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
}

.md-logo {
    display: none !important;
}

.md-header__topic>.md-ellipsis {
    font-family: "DM Serif Display", 'Times New Roman', Times, serif;
    font-weight: 900 !important;
    font-size: 1.6em !important;
}

.md-header__topic>.md-version {
    font-size: 0.7em !important;
}

h1 {
    font-family: "DM Serif Display", 'Times New Roman', Times, serif;
    font-weight: 900 !important;
    font-size: 2.5em !important;
    margin-bottom: 0.7em !important;
    color: #4b4b4b !important;
}

h2 {
    font-family: Inter, 'IBM Plex Sans', sans-serif;
    font-weight: 600 !important;
    font-size: 1.6em !important;
    margin-bottom: 0.7em !important;
    margin-top: 0.5em !important;
    color: #11595c !important;
}

h3 {
    font-family: Inter, 'IBM Plex Sans', sans-serif;
    font-weight: 600 !important;
    font-size: 1.3em !important;
    margin-bottom: 0em !important;
    margin-top: 0.5em !important;
    color: #11595c !important;
}

p {
    font-size: 1.2em !important;
    line-height: 1.5em !important;
    color: #4b4b4b !important;
}

.md-content li {
    font-size: 1.2em !important;
    line-height: 1.5em !important;
    color: #4b4b4b !important;
}

p>a {
    color: #2680eb !important;
}

li>a {
    color: #2680eb !important;
}

p>a:hover {
    color: #007cff !important;
    text-decoration: underline;
    text-underline-offset: 0.3em;
    text-decoration-color: #007cff;
    text-decoration-thickness: 2px;
}

strong {
    color: #6e6e6e !important;
}

.admonition {
    font-size: 1em !important;
}

.md-main__inner {
    margin-top: 0px !important;
}

.md-grid {
    max-width: 70rem !important;
}

.indent {
    padding-left: 2em;
}


.admonition.function {
    background-color: transparent;
    border: 0px;
    margin: 0px;
    box-shadow: none;
    padding: 0 !important;
}

.admonition.function  > .admonition-title::before{
    width: 0px;
}
  
.admonition.function  > p {
    margin: 0.2em 0px 0px 1em;
}

.admonition.function  > .admonition-title{
    background-color: transparent;
    border: 0px;
    padding-left: 0.2em;
    padding-bottom: 0px;
    padding-top: 0px;
    font-weight: 300;
    margin: 0px !important;
}

.md-header {
    background-color: #152b44;
}

.md-nav__link {
    font-size: 1.2em;
    color: #777 !important;
    font-weight: 400;
    font-family: 'Roboto Condensed';
}

.md-nav__link:hover {
    color: #d83790 !important;
}

.md-nav__link--active {
    color: #d83790 !important;
}

.k {
    color: #50fa7b !important;
    font-weight: 700 !important;
}
.gp {
    color: #50fa7b !important;
}
.nb {
    color: #50fa7b !important;
}

.s1 {
    color: #f1fa8c !important;
}
.s2 {
    color: #f1fa8c !important;
}
.na {
    color: #f1fa8c !important;
}

.err {
    color: #bd93f9 !important;
}
.kc {
    color: #50fa7b !important;
}

.n {
    color: #bd93f9 !important;
}
.kn {
    color: #50fa7b !important;
}
.ow {
    color: #50fa7b !important;
}

.mi {
    color: #8be9fd !important;
}
.nn {
    color: #8be9fd !important;
}
.nf {
    color: #8be9fd !important;
}

.p {
    color: #ff99cc !important;
}

.o {
    color: #ff99cc !important;
}

.c1 {
    color: #6272a4 ! important;
}
.go {
    color: #50fa7b ! important;
}

.md-button {
    padding: 0.4em 1em !important;
    font-weight: 400 !important;
    color: #d83790 !important;
    border-color: #d83790 !important;;
    font-family: 'Roboto Condensed';
}

.md-button:hover {
    padding: 0.4em 1em !important;
    font-weight: 400 !important;
    color: #fff !important;
    background-color: #d83790 !important;
    text-decoration: none !important;
}

.btn {
    white-space: nowrap;
    font-family: 'Roboto Condensed';
}

.btn-github {
    background-color: #2c2c2c;
    color: #fff !important;
    border: 0px;
    padding: 0.6em 1em;
    border-radius: 0.2em;
}

.btn-github:hover {
    background-color: #000;
}

.bg-pink-500 {
    background-color: #d83790 !important;
}

.text-white {
    color: #fff !important;
    font-weight: 600 !important;
}

.btn-cta {
    background-color: #d83790;
    color: #fff !important;
    border: 0px;
    padding: 0.6em 1em;
    border-radius: 0.2em;
}

.btn-cta:hover {
    background-color: #ff0894;
}

.md-button {
    padding: 0.4em 1em !important;
    font-weight: 400 !important;
}

.md-button:hover {
    color: #fff !important;
}

.md-tabs {
    background-color: #152b44;
}

.md-tabs__link {
    color: #fff !important;
    font-size: 1.3em;
}

.md-tabs__link--active {
    text-decoration: underline;
    text-underline-offset: 0.3em;
    text-decoration-color: #d83790;
    text-decoration-thickness: 2px;
    font-weight: 400;
}

.md-tabs__list {
    font-family: 'Roboto Condensed';
    font-size: 1.3em !important;
}

.home-heading {
    font-size: 2em;
    font-weight: 900;
}

@media (min-width: 720px) {

    .md-content__inner {
        padding-left: 3em;
        padding-right: 3em;
    }

    .home-features {
        display: grid;
        justify-content: center;
        grid-template-columns: 42% [col-start] 42% [col-start];
        column-gap: 8%;
    }

    .home-get-started {
        display: grid;
        justify-content: center;
        grid-template-columns: 32% [col-start] 32% [col-start] 32% [col-start];
        column-gap: 1%;
    }

    .home-footer {
        display: grid;
        font-size: 0.8em;
        justify-content: space-between;
        grid-template-columns: 5% [col-start] 40% [col-start] 33% [col-start];
    }
}

.home-get-started {
    text-align: center;
}

.home-get-started h3 {
    padding-bottom: 0.5em;
    font-weight: 900 !important;
}

.home-get-started > .item {
    background-color: #f8f8ff;
    margin: 1em 0.5em;
    padding: 0.5em 1em;
}

.block-footer {
    min-height: 2.5em;
    vertical-align: middle;
    padding: 0.7em;
}

.home-footer {
    padding: 2em;
    font-size: 1.2em;
    background-color: #152b44;
    color: #ddd !important;
}

.home-footer h2 {
    color: #999 !important;
    font-size: 2em !important;
    font-weight: 900;
    padding-bottom: 1em;
}

.home-footer ul {
    padding: 0px;
    list-style: none;
}

.home-footer li {
    padding-bottom: 0.5em;
    font-size: 1.3em;
}

.home-footer li>a {
    color: #ddd !important;
}

.home-footer li>a:hover {
    color: #e05fa7 !important;
}

.centro {
    display: none;
    margin: auto;
    width: 75%;
}

#hero h1 {
    font-size: 4em !important;
}

#hero b {
    font-size: 1.3em;
}

p>.twemoji {
    color: #ff7538 !important;
}

li>.twemoji {
    color: #ff7538 !important;
}

strong>.twemoji {
    color: #ff7538 !important;
}

.item > img {
    height: 1.3em !important;
}

.python-kw {
    color: #e05fa7 !important;
    font-size: italic !important;
    font-weight: 900;
}

strong {
    color: #571639 !important;
}

#get-started > .item > img {
    height: 6em !important;
}

.iceberg {
    color: #80FFEA !important;
}


.gradient-text {
    background: linear-gradient(90deg, #3b82f6, #8b5cf6);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.glow {
    box-shadow: 0 0 15px rgba(59, 130, 246, 0.3);
}
.highlight-text {
    background: linear-gradient(90deg, #6366f1, #8b5cf6);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-weight: 600;
}
.card-hover {
    transition: all 0.3s ease;
}
.card-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
}