@import "https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap";

.tw-mx-auto {
    margin-left: auto;
    margin-right: auto
}

.tw-my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem
}

.\!tw-mb-0 {
    margin-bottom: 0 !important
}

.\!tw-mb-\[65px\] {
    margin-bottom: 65px !important
}

.tw-mb-8 {
    margin-bottom: 2rem
}

.tw-mb-\[50px\] {
    margin-bottom: 50px
}

.tw-mt-10 {
    margin-top: 2.5rem
}

.tw-mt-12 {
    margin-top: 3rem
}

.tw-mt-4 {
    margin-top: 1rem
}

.tw-mt-\[-80px\] {
    margin-top: -80px
}

.tw-mt-\[30px\] {
    margin-top: 30px
}

.\!tw-h-\[50px\] {
    height: 50px !important
}

.tw-h-\[100px\] {
    height: 100px
}

.tw-h-\[150px\] {
    height: 150px
}

.tw-h-\[35px\] {
    height: 35px
}

.\!tw-w-full {
    width: 100% !important
}

.tw-w-1 {
    width: .25rem
}

.tw-w-2\/3 {
    width: 66.666667%
}

.tw-w-2\/6 {
    width: 33.333333%
}

.tw-w-3\/12 {
    width: 25%
}

.tw-w-\[260px\] {
    width: 260px
}

.tw-min-w-full {
    min-width: 100%
}

.tw-cursor-pointer {
    cursor: pointer
}

.tw-rounded-full {
    border-radius: 9999px
}

.tw-bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity))
}

.tw-bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(208 169 51 / var(--tw-bg-opacity))
}

.tw-bg-opacity-80 {
    --tw-bg-opacity: .8
}

.tw-bg-opacity-95 {
    --tw-bg-opacity: .95
}

.tw-bg-upload {
    background-image: url(/build/assets/upload-icon-plWpt6V3.png)
}

.\!tw-py-12 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.\!tw-py-\[1\.5rem\] {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.tw-px-\[1\.7rem\] {
    padding-left: 1.7rem;
    padding-right: 1.7rem
}

.\!tw-text-sm {
    font-size: .875rem !important;
    line-height: 1.25rem !important
}

.tw-font-medium {
    font-weight: 500
}

.tw-text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(59 130 246 / var(--tw-text-opacity))
}

.tw-text-orange-600 {
    --tw-text-opacity: 1;
    color: rgb(234 88 12 / var(--tw-text-opacity))
}

.tw-text-primary {
    --tw-text-opacity: 1;
    color: rgb(208 169 51 / var(--tw-text-opacity))
}

.tw-text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity))
}

.tw-text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity))
}

.tw-backdrop-invert {
    --tw-backdrop-invert: invert(100%);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

:root {
    --primary-color: #D0A933;
    --primary-font: "League Spartan", sans-serif
}

html {
    scroll-behavior: smooth
}

.hero__text {
    font-size: 5rem;
    font-weight: 800;
    text-transform: capitalize;
    line-height: 4.5rem
}

@media (min-width: 768px) {
    .hero__text {
        font-size: 7rem;
        line-height: 6.5rem
    }
}

.podcast__episode-border {
    border-bottom: 2px solid #D0A933
}

.publication {
    padding: 3rem 1rem;
    display: flex;
    justify-content: space-between;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    width: 80%;
    margin: 0 auto
}

.publication__content {
    width: 75%
}

.publication__title {
    margin-bottom: .25rem;
    font-weight: 700;
    line-height: 2rem
}

.publication_link {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}

.publication_link:hover, .publication_link:focus {
    color: #d0a933;
    text-decoration: none
}

.publication__description {
    margin-bottom: 1rem;
    font-size: 1.2rem;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}

.publication__image {
    width: 25%
}

.publication__image img {
    width: 83.333333%
}

.border-primary {
    border-color: var(--primary-color) !important
}

.pub__bg-primary {
    background-color: var(--primary-color) !important;
    opacity: .85;
    color: #fff
}

.bg__primary {
    background-color: var(--primary-color) !important
}

.text__primary {
    color: var(--primary-color) !important
}

.hover\:tw-bg-opacity-90:hover {
    --tw-bg-opacity: .9
}

@media (min-width: 768px) {
    .md\:\!tw-py-24 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }
}

@media (min-width: 1024px) {
    .lg\:tw-mt-\[-80px\] {
        margin-top: -80px
    }
}