/* ======================================
Global Variables
========================================= */
:root {
    --hrbgColor: #192A51;
    --hrFontFamily: 'IBM Plex Mono', monospace;
    --letterSpacing: 0.15em;
    --hrColorWhite: #fff;
    --hrColorOrange: #F29576;
    --hrColorBeige: #F9E9D5;
    --hrTextColorGrey: #8893AF;
    --hrSectionMargin: 0px auto;
    --hrSectionMaxWidth: 1000px;
    --heroSectionPaddingBlock: 20vh;
    --hrFooterSectionPaddingBlock: 3vh;
    --hrFontSmoothing: antialiased;
    --aboutMeSectionPaddingBlock: 20vh;
    --experienceSectionPaddingBlock: 10vh;
    --toolsSectionPaddingBlock: 10vh;
    --workSectionPaddingBlock: 10vh;
}

/* ========================================= */

/* ======================================
BASE CSS
========================================= */
a:hover {
    text-decoration: none;
}

html {
    scroll-behavior: smooth;
}

.hrLineBreak {
    border-top: 1px solid var(--hrColorWhite);
    margin-bottom: 30px;
}

.hrBody {
    background-color: var(--hrbgColor);
    font-family: var(--hrFontFamily);
    color: var(--hrColorWhite);
}

.loader-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--hrbgColor);
    display: flex;
    justify-content: center;
    align-items: center;
}

.hDesktopLoader {
    display: inline-block;
    width: 100px;
    height: 100px;
    position: relative;
    animation: circle-size 3s infinite ease;
}

@keyframes circle-size {
    from {
        width: 50px;
        height: 50px;
    }

    to {
        width: 300px;
        height: 300px;
    }
}

p {
    color: var(--hrTextColorGrey);
    font-size: 1rem;
}

/* ======================================
BASE NAV
========================================= */
nav {
    border-bottom: 1px solid #F9E9D5;
    letter-spacing: var(--letterSpacing);
    -webkit-font-smoothing: var(--hrFontSmoothing);
}

#navbarWrapper {
    max-width: 100rem;
}

#navbar {
    transition: top 1s;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.navbar .navbar-nav .nav-link {
    color: var(--hrColorBeige) !important;
    font-size: 1.1em;
}

.navbar .navbar-nav .nav-link:hover {
    color: var(--hrColorOrange) !important;
}

.navbar-logo-centered .navbar-nav .nav-link {
    padding: .5em 1em;
}

.custom-toggler.navbar-toggler {
    border-color: var(--hrColorOrange) !important;
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(249, 233, 213, 2.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important
}

.hrLogo {
    width: 300px;
}

button {
    animation: wiggle 3s linear 5s;
    border: 2px solid #F29576;
    background: var(--hrbgColor);
    box-sizing: border-box;
    border-radius: 5px;
    color: #C4C4C4;
    font-weight: 600;
    letter-spacing: 0.15em;
    outline: 0;
    line-height: normal;
    transition: all .3s ease-out;
    text-align: center;
    animation-delay: 10s;
}

button:hover {
    box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0.2),
        1px 1px 0 0 #C4C4C4,
        2px 2px 0 0 #C4C4C4,
        3px 3px 0 0 #C4C4C4,
        4px 4px 0 0 #C4C4C4,
        5px 5px 0 0 #C4C4C4;
}

button:active {
    background: #F9E9D5;
}

@keyframes wiggle {

    0%,
    7% {
        transform: rotateZ(0);
    }

    15% {
        transform: rotateZ(-15deg);
    }

    20% {
        transform: rotateZ(10deg);
    }

    25% {
        transform: rotateZ(-10deg);
    }

    30% {
        transform: rotateZ(6deg);
    }

    35% {
        transform: rotateZ(-4deg);
    }

    40%,
    100% {
        transform: rotateZ(0);
    }
}

/* The wrapper class that will contain the logo and the text */
.logo_wrapper {
    height: 50px;
    overflow: hidden;
}

/* The logo will be the same height as the wrapper and transition for 300ms */
.logo_wrapper img {
    transition: transform 300ms;
}

/* The text should also transition for 300ms */
.logo_wrapper .logo_text {
    transition: transform 300ms;
}

/* When hovering over the wrapper, the logo and text will "translate" up 40px */
.logo_wrapper:hover img,
.logo_wrapper:hover .logo_text {
    transform: translateY(-43px);
}

.hDesktop {
    height: 100px;
    width: 100px;
    padding-top: 45px
}

.hMobile {
    height: 70px;
    width: 59px;
    padding-top: 15px;
}

/* ======================================
BASE FOOTER
========================================= */
footer {
    background-color: var(--hrColorBeige);
    font-size: 14px;
    color: var(--hrbgColor);
    text-align: center;
}

.footerSection {
    margin: var(--hrSectionMargin);
    max-width: var(--hrSectionMaxWidth);
    padding-block: var(--hrFooterSectionPaddingBlock);
}

.footerSectionText {
    font-size: 0.7rem;
}

.bi-youtube {
    color: #FF0301;
}

.bi-linkedin {
    color: #0966C2;
}

.bi-github {
    color: #000409;
}

/* ======================================
BANNER SECTION
========================================= */
.banner_one {
    background-color: var(--hrColorBeige);
    font-size: 14px;
    color: var(--hrbgColor);
}

.banner_two {
    background-color: var(--hrColorBeige);
    font-size: 14px;
    color: var(--hrbgColor);
}

/* ======================================
HERO SECTION
========================================= */
.animate__animated.animate__hinge {
    --animate-duration: 3s;
}

.ball {
    height: 10px;
    width: 10px;
    border-radius: 100px;
    position: absolute;
    top: 46px;
    left: 670px;

    box-shadow: inset 0 0 18px #fff,
        inset 6px 0 18px violet,
        inset -6px 0 18px #0ff,
        inset 6px 0 30px violet,
        inset -6px 0 30px #0ff,
        0 0 18px #fff, -4px 0 18px violet, 4px 0 18px #0ff;
}

.heroSection {
    margin: var(--hrSectionMargin);
    max-width: var(--hrSectionMaxWidth);
    padding-block: var(--heroSectionPaddingBlock);
    -webkit-font-smoothing: var(--hrFontSmoothing);

    -webkit-animation: fadein 5s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 5s;
    /* Firefox < 16 */
    -ms-animation: fadein 5s;
    /* Internet Explorer */
    -o-animation: fadein 5s;
    /* Opera < 12.1 */
    animation: fadein 5s;
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 3;
    }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 3;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 3;
    }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 3;
    }
}


.heroP {
    color: var(--hrColorOrange);
    font-size: clamp(0.875rem, 2vw, 1.5rem);
    margin-top: 10px;
}

.heroH2 {
    color: var(--hrColorBeige);
    font-size: clamp(30px, 8vw, 58px);
    font-weight: 900;
    margin-top: 10px;
    line-height: 0.9;
}

.heroH3 {
    margin-top: 10px;
    font-size: clamp(30px, 8vw, 58px);
    color: var(--hrTextColorGrey);
    position: relative;
}

strong {
    color: var(--hrColorOrange);
}

.heroBlurb {
    margin: 20px 0px 0px;
    -webkit-font-smoothing: var(--hrFontSmoothing);
    font-size: 1rem;
}

.heroWeb::after {
    content: '';
    width: 13%;
    position: absolute;
    bottom: -8px;
    left: 560px;
    height: 6px;
    display: block;
    z-index: 5;
    background: #FF9575;
    transform: rotate(-5deg);
    border-radius: 5px;
}

.heroWeb:hover::after {
    transform: rotate(0deg);
    width: 17%;
    left: 535px;
    transition: all .2s cubic-bezier(.175, .885, .32, 1.275);
}

.scroll-downs {
    margin: auto;
    width: 34px;
    height: 55px;
    margin-bottom: 50px;
    bottom: 50px;
    left: 50% !important;
}

.mousey {
    width: 3px;
    padding: 10px 15px;
    height: 35px;
    border: 2px solid #fff;
    border-radius: 25px;
    opacity: 0.75;
    box-sizing: content-box;
}

.scroller {
    width: 3px;
    height: 10px;
    border-radius: 25%;
    background-color: #fff;
    animation-name: scroll;
    animation-duration: 2.2s;
    animation-timing-function: cubic-bezier(.15, .41, .69, .94);
    animation-iteration-count: infinite;
}

@keyframes scroll {
    0% {
        opacity: 0;
    }

    10% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateY(15px);
        opacity: 0;
    }
}

.content-tertiary .heroP span {
    animation: wobble 2.5s infinite;
    display: inline-block;
}

@keyframes wobble {
    0% {
        transform: translateZ(0) scale(1);
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg) scale(1.1);
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg) scale(1.2);
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg) scale(1.3);
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg) scale(1.2);
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg) scale(1.1);
    }

    100% {
        transform: translateZ(0) scale(1);
    }
}

/* ======================================
ABOUT SECTION
========================================= */
.aboutSection {
    margin: var(--hrSectionMargin);
    max-width: var(--hrSectionMaxWidth);
    padding-block: var(--aboutMeSectionPaddingBlock);
    -webkit-font-smoothing: var(--hrFontSmoothing);
}

.aboutMeImage {
    width: 100%;
    object-fit: cover;
    max-width: 500px;
    display: block;
}

.aboutHeading {
    color: var(--hrColorBeige);
    font-size: 2rem;
}

.aboutHeading::before {
    counter-increment: section 1;
    content: "0" counter(section) ".";
    margin-right: 10px;
}

.aboutBlurb {
    -webkit-font-smoothing: var(--hrFontSmoothing);
    word-wrap: break-word;
}

.aboutPictureWrapper {
    background-color: #192A51;
    position: relative;
    box-shadow: 0 10px 30px -15px #f29576;
    background-image: linear-gradient(318deg, #F29576, #F9E9D5);
}

.aboutPictureWrapper::before {
    border: 2px solid #F9E9D5;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    top: 10px;
    position: absolute;
    z-index: -1;
    right: 10px;
    transition: transform 1s;
}

.aboutPictureWrapper::after {
    border: 2px solid var(--hrColorOrange);
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    top: 20px;
    position: absolute;
    z-index: -1;
    right: 20px;
    transition: transform 1s;
}

.aboutPictureWrapper:hover::after {
    transition: transform 1s;
    transform: translateY(-20px) translateX(20px);
}

.aboutPictureWrapper:hover::before {
    transition: transform 1s;
    transform: translateY(-10px) translateX(10px);
}

.pictureTag {
    filter: grayscale(50%) contrast(1);
}

.forHire {
    position: relative;
    -webkit-box-reflect: below -10px linear-gradient(transparent, rgba(0, 0, 0, .2));
}

.forHire span {
    position: relative;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    animation: forHire 1s infinite;
    animation-delay: calc(.1s * var(--i));
}

@keyframes forHire {

    0%,
    40%,
    100% {
        transform: translateY(0)
    }

    20% {
        transform: translateY(-2px)
    }
}

/* ======================================
EXPERIENCE SECTION
========================================= */
.experienceSection {
    max-width: var(--hrSectionMaxWidth);
    margin: var(--hrSectionMargin);
    padding-block: var(--experienceSectionPaddingBlock);
    -webkit-font-smoothing: var(--hrFontSmoothing);
}

.experienceHeading {
    color: var(--hrColorBeige);
    font-size: 2rem;
}

.experienceHeading::before {
    counter-increment: section 2;
    content: "0" counter(section) ".";
    margin-right: 10px;
}

.formationBG {
    overflow: hidden;
}

.formationBG::before {
    background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSwlXr8XsPfnD6qK_SEsyPxqmIg9U4eleWa8Q&usqp=CAU');
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    position: absolute;
    top: -100px;
    right: 0px;
    bottom: 0px;
    left: 50px;
    opacity: 0.1;
    width: 50%;
}

.formationBG:hover::before {
    transition: transform .35s ease;
    transform: scale(2);
}

.historyBubble {
    color: white;
    border-radius: 20px;
    padding: 1.5em;
    box-shadow: 0 5px 30px -20px white;
}

.PicSpotrBG {
    overflow: hidden;
}

.PicSpotrBG::before {
    background-image: url('https://uploads-ssl.webflow.com/5fd576424a6309c3ea8f7634/5fd576aa837d13fb2c864e23_logo-p-500.png');
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 37px;
    opacity: 0.1;
    width: 90%;
}

.PicSpotrBG:hover::before {
    transition: transform .35s ease;
    transform: scale(2);
}

.theSeekerBG {
    overflow: hidden;
}

.theSeekerBG::before {
    background-image: url('https://app.brandmark.io/v3/brand/design-svg.php?id=CAB6C4A3F8A14CA9BEB0CF8D71682D23&type=profile-icons&template=transparent');
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    position: absolute;
    top: -100px;
    right: 0px;
    bottom: 0px;
    left: 50px;
    opacity: 0.1;
    width: 50%;
}

.theSeekerBG:hover::before {
    transition: transform .35s ease;
    transform: scale(2);
}

.LiHEBG {
    overflow: hidden;
}

.LiHEBG::before {
    background-image: url('https://latinosinhighered.com/imglib/lihe-logo-svg.png');
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 37px;
    opacity: 0.1;
    width: 90%;
}

.LiHEBG:hover::before {
    transition: transform .35s ease;
    transform: scale(2);
}

.IndependentSoftwareBG {
    overflow: hidden;
}

.IndependentSoftwareBG::before {
    background-image: url('https://d2q79iu7y748jz.cloudfront.net/s/_squarelogo/128x128/0963a6da89f0aed01480d87ece8162c5');
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 300px;
    opacity: 0.1;
    width: 15%;
}

.IndependentSoftwareBG:hover::before {
    transition: transform .35s ease;
    transform: scale(2);
}

.CALAHEBG {
    overflow: hidden;
}

.CALAHEBG::before {
    background-image: url('https://scontent-lga3-2.xx.fbcdn.net/v/t39.30808-6/307482852_462059862615587_4353622341784945212_n.jpg?_nc_cat=105&ccb=1-7&_nc_sid=efb6e6&_nc_ohc=taW6B8PotAcAX_Abl6L&_nc_ht=scontent-lga3-2.xx&oh=00_AfCYYn4PWDTeAmLPiLX0aHz9gLFppizfSVbuLrIMF7B7SA&oe=659BA61B');
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 37px;
    opacity: 0.1;
    width: 90%;
}

.CALAHEBG:hover::before {
    transition: transform .35s ease;
    transform: scale(2);
}

.TKHBG {
    overflow: hidden;
}

.TKHBG::before {
    background-image: url('https://d2x0vsetbcibj0.cloudfront.net/static-final/assets/img/sec_logo2sec.png');
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 37px;
    opacity: 0.1;
    width: 90%;
}

.TKHBG:hover::before {
    transition: transform .35s ease;
    transform: scale(2);
}

.TinyOrganicsBG {
    overflow: hidden;
}

.TinyOrganicsBG::before {
    background-image: url('https://cdn.shopify.com/s/files/1/0018/4650/9667/files/Tiny-Logos-ALL-01_1_6f7a4e61-2612-4f4b-8327-62b0ed2413be_300x300.png?v=1624156432');
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 37px;
    opacity: 0.1;
    width: 90%;
}

.TinyOrganicsBG:hover::before {
    transition: transform .35s ease;
    transform: scale(2);
}


.changeFoodForGoodBG {
    overflow: hidden;
}

.changeFoodForGoodBG::before {
    background-image: url('data:image/jpeg;base64,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');
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    position: absolute;
    top: -100px;
    right: 0px;
    bottom: 0px;
    left: 50px;
    opacity: 0.1;
    width: 50%;
}

.changeFoodForGoodBG:hover::before {
    transition: transform .35s ease;
    transform: scale(2);
}


.EPTBG {
    overflow: hidden;
}

.EPTBG::before {
    background-image: url('data:image/jpeg;base64,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');
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    position: absolute;
    top: -100px;
    right: 0px;
    bottom: 0px;
    left: 50px;
    opacity: 0.1;
    width: 50%;
}

.EPTBG:hover::before {
    transition: transform .35s ease;
    transform: scale(2);
}

.rubix {
    overflow: hidden;
}

.rubix::before {
    background-image: url('https://hromancodes.s3.amazonaws.com/Logo-Beige.png');
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    position: absolute;
    top: -25px;
    right: 0px;
    bottom: 0px;
    left: 50px;
    opacity: 0.1;
    width: 50%;
}

.rubix:hover::before {
    transition: transform .35s ease;
    transform: scale(2);
}

/* ======================================
TOOLING SECTION
========================================= */
.toolsSection {
    max-width: var(--hrSectionMaxWidth);
    margin: var(--hrSectionMargin);
    padding-block: var(--toolsSectionPaddingBlock);
    -webkit-font-smoothing: var(--hrFontSmoothing);
}

.toolsHeading {
    color: var(--hrColorBeige);
    font-size: 2rem;
}

.toolsHeading::before {
    counter-increment: section 3;
    content: "0" counter(section) ".";
    margin-right: 10px;
}

.devicon-jquery-plain,
.devicon-django-plain,
.devicon-postgresql-plain,
.devicon-mongodb-plain,
.devicon-heroku-original,
.devicon-vscode-plain {
    font-size: 5rem;
}

/* ======================================
WORK SECTION
========================================= */
.card a,
.archiveLink {
    color: var(--hrColorWhite) !important;
}

/* FIX THE CARD A HOVER TO BADGE JUST ON THE CARDS NOT GLOBALLY.  */


.badge {
    background-color: #E9743F;
    border-radius: 4px;
    font-size: 80% !important;
}

.card-body {
    border-top: 5px solid var(--hrColorOrange) !important;
}

.card-body h1 {
    font-size: 2rem;
}

.experienceButtonGroup {
    justify-content: space-around !important;
}

.timeline ul li {
    list-style-type: none;
    position: relative;
    width: 6px;
    margin: 0 auto;
    padding-top: 50px;
    background: var(--hrColorWhite);
}

.timeline ul li::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: inherit;
}

.timeline ul li div {
    position: relative;
    bottom: 0;
    width: 400px;
}

.timeline ul li>div::before {
    content: '';
    position: absolute;
    bottom: 7px;
    width: 0;
    height: 0;
    border-style: solid;
}

.timeline ul li:nth-child(odd)>div {
    background-color: #F8F8F8;
    color: var(--hrColorWhite);
    left: 45px;
    opacity: 0.9;
}


.timeline ul li:nth-child(odd)>div::before {
    left: -15px;
    border-width: 8px 16px 8px 0;
    border-color: transparent #F8F8F8 transparent transparent;
}


.timeline ul li:nth-child(even)>div {
    background-color: #F8F8F8;
    /* color: #726f77; */
    left: -439px;
    /* left: -550px; */
}

.timeline ul li:nth-child(even)>div::before {
    right: -15px;
    border-width: 8px 0 8px 16px;
    border-color: transparent transparent transparent #F8F8F8;
}

/* EFFECTS
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline ul li::after {
    transition: background .5s ease-in-out;
}

.timeline ul li.in-view::after {
    background: var(--hrColorWhite);
}

.timeline ul li div {
    visibility: hidden;
    opacity: 0;
    transition: all .5s ease-in-out;
}

.timeline ul li:nth-child(odd) div {
    transform: translate3d(200px, 0, 0);
}

.timeline ul li:nth-child(even) div {
    transform: translate3d(-200px, 0, 0);
}

.timeline ul li.in-view div {
    transform: none;
    visibility: visible;
    opacity: 1;
}

.workSection {
    max-width: var(--hrSectionMaxWidth);
    margin: var(--hrSectionMargin);
    padding-block: var(--workSectionPaddingBlock);
    -webkit-font-smoothing: var(--hrFontSmoothing);
}

.workHeading {
    color: var(--hrColorBeige);
    font-size: 2rem;
    text-transform: uppercase;
}

.workHeading::before {
    counter-increment: section 4;
    content: "0" counter(section) ".";
    margin-right: 10px;
}

.workCard {
    background-color: transparent !important;
    box-shadow: 0 5px 30px -20px white;
}

.workCardTextWrapper {
    max-width: 30rem;
    margin: 0 auto;
}

.workCardPillWrapper {
    max-width: 25rem;
    margin: 0 auto;
}

/* ======================================
BLOG SECTION
========================================= */
.blogSection {
    max-width: var(--hrSectionMaxWidth);
    margin: var(--hrSectionMargin);
    padding-block: var(--workSectionPaddingBlock);
    -webkit-font-smoothing: var(--hrFontSmoothing);
}

.blogHeading {
    color: var(--hrColorBeige);
    font-size: 2rem;
    text-transform: uppercase;
}

.blogHeading::before {
    counter-increment: section 5;
    content: "0" counter(section) ".";
    margin-right: 10px;
}

.blogImage {
    object-fit: cover;
    max-width: 100%;
    height: 100%;
}

.blogCategory {
    padding: 8px !important;
}

.blogTitle {
    color: var(--hrColorBeige) !important;
    font-weight: 900;
}

.blogSnippet {
    -webkit-font-smoothing: var(--hrFontSmoothing);
    word-wrap: break-word;
}

/* ======================================
CONTACT SECTION
========================================= */
.contactSection {
    max-width: var(--hrSectionMaxWidth);
    margin: var(--hrSectionMargin);
    padding-block: var(--experienceSectionPaddingBlock);
    -webkit-font-smoothing: var(--hrFontSmoothing);
}

.contactHeading {
    color: var(--hrColorBeige);
    font-size: 2rem;
}

.contactHeading {
    color: var(--hrColorBeige) !important;
    font-weight: 900;
    text-transform: uppercase;
}

.contactHeading::before {
    counter-increment: section 6;
    content: "0" counter(section) ".";
    margin-right: 10px;
}

/* ======================================
404 SECTION
========================================= */
.fourZeroFourSection {
    max-width: var(--hrSectionMaxWidth);
    margin: var(--hrSectionMargin);
    padding-block: var(--experienceSectionPaddingBlock);
    -webkit-font-smoothing: var(--hrFontSmoothing);
}

.fourZeroFouremoji {
    font-size: 26px;
}

/*=========================================
    Media Queries
/* ======================================
    Breakpoint	      Purpose
    (default)	          Mobile-portrait
    max-width: 320px	  Mobile-landscape (and larger)
    max-width: 375px	  Mobile-landscape (and larger)
    max-width: 480px	  Mobile-landscape (and larger)
    max-width: 576px	  Mobile-landscape (and larger)
    max-width: 768px	  Tablet-portrait (and larger)
    max-width: 992px	  Tablet-landscape (and larger)
    max-width: 1200px	  Laptops (and larger)
    max-width: 1400px	  Laptops (and larger)
========================================= */
@media all and (max-width: 3000px) and (max-height: 900px) {
    .mousey {
        display: none;
    }
}

@media all and (max-width: 3000px) {
    .toolContainer {
        max-width: 1007px !important;
    }
}

@media all and (max-width: 991px) {
    .container {
        max-width: 800px;
    }

    .aboutPictureWrapper {
        background-color: #192A51;
        position: relative;
        width: 40vw;
        height: auto;
        box-shadow: 0 10px 30px -15px #f29576;
        background-image: linear-gradient(318deg, #F29576, #F9E9D5);
        max-width: 65%;
    }

    .hrImgThumbnailMobile {
        padding: 0px !important;
        background-color: #192A51 !important;
        box-shadow: 0 10px 30px -15px #f29576;
    }

    .forHire {
        margin-bottom: 50px;
    }

    nav {
        border-bottom: none !important;
    }
}

@media all and (max-width: 768px) and (max-height: 900px) {
    .mousey {
        display: none;
    }
}

@media all and (max-width: 768px) {
    .ball {
        top: 27px;
        left: 425px;
    }

    .container {
        max-width: 650px !important;
    }

    .heroP {
        font-size: 1.3rem;
    }

    .heroH2 {
        font-size: 3rem;
    }

    .heroH3 {
        font-size: 2.3rem;
    }

    .aboutPictureWrapper {
        background-color: #192A51;
        position: relative;
        width: 40vw;
        height: auto;
        box-shadow: 0 10px 30px -15px #f29576;
        background-image: linear-gradient(318deg, #F29576, #F9E9D5);
    }

    .heroWeb::after {
        left: 355px;
    }

    .heroWeb:hover::after {
        width: 15%;
        left: 350px;
    }
}

@media all and (max-width: 576px) {
    .container {
        max-width: 500px !important;
    }

    .formationWorkYears {
        font-size: 1.3rem;
    }

    .heroP {
        margin-bottom: 15px;
    }

    .heroH2 {
        font-size: 2.3rem;
    }

    .heroWeb::after {
        width: 17%;
    }

    .heroWeb:hover::after {
        width: 20%;
    }

    .tkhPositionLetterSpace {
        letter-spacing: -1px;
    }
}

@media all and (max-width: 480px) {
    .ball {
        top: 20px;
        left: 296px;
        height: 7px;
        width: 7px;
    }

    .container {
        max-width: 460px !important;
    }

    .heroSection {
        padding-top: 114.800;
    }

    .heroP {
        font-size: 1rem;
    }

    .heroH2 {
        font-size: 2rem;
    }

    .heroH3 {
        font-size: 1.6rem;
    }

    .heroBlurb {
        font-size: 0.8rem;
    }

    .heroWeb::after {
        width: 16%;
        left: 245px;
    }

    .heroWeb:hover::after {
        width: 18%;
        left: 240px;
    }

    .TinyOrganicsBG::before,
    .LiHEBG::before,
    .PicSpotrBG::before,
    .TKHBG::before {
        width: 85%;
    }

    .IndependentSoftwareBG::before {
        width: 27%;
        left: 175px;
    }

    .tkhPositionLetterSpace {
        letter-spacing: -2px;
    }

    .tinyOrganicsWorkYears {
        font-size: 1.2rem;
    }

    .tkhTitleAndPosition {
        font-size: 0.8rem;
    }

    .tkhPositionLetterSpace {
        letter-spacing: -1px;
    }

    .tkhWorkYears {
        font-size: 1.2rem;
    }

    .calaheWorkYears {
        font-size: 1.2rem;
    }

    .independentSoftwareTitleAndPosition {
        font-size: 0.8rem;
    }

    .liheWorkYears {
        font-size: 1.2rem;
    }

    .picSpotrTitleAndPosition {
        font-size: 0.9rem;
    }

    .picSpotrWorkYears {
        font-size: 1.2rem;
    }
}

@media all and (max-width: 375px) {
    .herorSection {
        padding-top: 90px !important;
    }

    .IndependentSoftwareBG::before {
        width: 40%;
        left: 120px;
    }

    .tinyOrganicsTitleAndPosition {
        font-size: 0.9rem;
    }

    .tkhTitleAndPosition {
        font-size: 0.8rem;
    }

    .tkhWorkYears {
        font-size: 1.2rem;
    }

    .calaheWorkYears {
        font-size: 1.2rem;
    }

    .independentSoftwareTitleAndPosition {
        font-size: 0.8rem;
    }

    .liheTitleAndPosition {
        font-size: 0.9rem;
        letter-spacing: -1px;
    }

    .liheWorkYears {
        font-size: 1.2rem;
    }

    .picSpotrWorkYears {
        font-size: 1.2rem;
    }
}

@media all and (max-width: 360px) {
    .tinyOrganicsWorkYears {
        font-size: 1.1rem;
    }

    .tkhWorkYears {
        font-size: 1.1rem;
    }

    .calaheWorkYears {
        font-size: 1.1rem;
    }

    .independentSoftwareTitleAndPosition {
        font-size: 0.7rem;
    }

    .liheWorkYears {
        font-size: 1.1rem;
    }

    .picSpotrWorkYears {
        font-size: 1.1rem;
    }
}

@media all and (max-width: 320px) {
    .aboutPictureWrapper {
        min-width: 80%;
    }

    .ball {
        top: 16px;
        left: 260px;
        height: 6px;
        width: 6px;
    }

    .heroBlurb {
        font-size: 1rem;
        ;
    }

    .heroP {
        font-size: 1.2rem;
    }

    .heroH2 {
        font-size: 1.8rem;
    }

    .heroH3 {
        font-size: 1.4rem;
    }

    .heroWeb::after {
        width: 16%;
        left: 215px;
    }

    .heroWeb:hover::after {
        width: 18%;
        left: 215px;
    }

    .tinyOrganicsTitleAndPosition {
        font-size: 0.788rem;
    }

    .tinyOrganicsWorkYears {
        font-size: 0.9rem;
    }

    .tkhTitleAndPosition {
        font-size: 0.7rem;
        ;
    }

    .tkhWorkYears {
        font-size: 0.9rem;
    }

    .calaheWorkYears {
        font-size: 0.9rem;
    }

    .calaheTitleAndPosition {
        font-size: 0.788rem;
    }

    .independentSoftwareTitleAndPosition {
        font-size: 0.6rem;
    }

    .liheTitleAndPosition {
        font-size: 0.8rem;
        letter-spacing: -1px;
    }

    .liheWorkYears {
        font-size: 0.9rem;
    }

    .picSpotrTitleAndPosition {
        font-size: 0.9rem;
    }

    .picSpotrWorkYears {
        font-size: 1.2rem;
    }

}

@media all and (max-width: 280px) {
    .ball {
        left: 241px;
    }

    .heroH2 {
        font-size: 1.5rem;
    }

    .heroH3 {
        font-size: 1.3rem;
    }

    .heroWeb::after {
        width: 16%;
        left: 200px;
    }

    .heroWeb:hover::after {
        width: 18%;
        left: 200px;
    }

    .tinyOrganicsTitleAndPosition {
        font-size: 0.6rem;
    }

    .tinyOrganicsWorkYears {
        font-size: 0.7rem;
    }

    .tkhTitleAndPosition {
        font-size: 0.5rem;
    }

    .tkhPositionLetterSpace {
        letter-spacing: -1px;
    }

    .tkhWorkYears {
        font-size: 0.7rem;
    }

    .calaheWorkYears {
        font-size: 0.7rem;
    }

    .calaheTitleAndPosition {
        font-size: 0.6rem;
    }

    .independentSoftwareTitleAndPosition {
        font-size: 0.5rem;
    }

    .liheTitleAndPosition {
        font-size: 0.7rem;
        letter-spacing: -1px;
    }

    .liheWorkYears {
        font-size: 0.7rem;
    }

    .picSpotrTitleAndPosition {
        font-size: 0.7rem;
    }

    .picSpotrWorkYears {
        font-size: 0.9rem;
    }
}