@font-face {
  font-family: 'Bebas Neue';
  src: url('fonts/BebasNeue-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

:root {
    --black: black;
    --off-white: #f5f4ee;
    --obi-orange: #ff7313;
    --software-ag: #011F3D;
    --saarland-university: #10427a;
}

body {
    margin: 0;
    background-color: var(--black);
    transition: ease-in-out 1s;
}

body:has(.job-image-obi:hover) {
    background-color: var(--obi-orange);
}

body:has(.job-image-software-ag:hover) {
    background-color: var(--software-ag);
}

body:has(.job-image-saarland-university:hover) {
    background-color: var(--saarland-university);
}

.page-wrapper {
    width: 100%;
}

/* Hero Section */
.hero-section {
    height: 100vh;
    display: flex;
    justify-content: center;
}

.hero-content {
    display: flex;
    flex-direction: column;
}

.hero-text-wrapper {
    font-family: 'Bebas Neue', sans-serif;
    color: var(--off-white);
    font-size: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin: auto;
}

.hero-text {
    margin: 0;
    padding: 0 3rem;
    padding-top: 1rem;
}

.hero-footer {
    margin: 0 auto;
}

.hero-arrow {
    font-family: 'open-arrow', 'Bebas Neue', sans-serif;
    color: var(--off-white);
    font-size: 60px;
    margin: 0;
}

/* Job Section */
.job-section {
    color: var(--off-white);
    font-family: 'Bebas Neue', sans-serif;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.job-content {
    min-height: 50rem;
    display: flex;
    gap: 4rem;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.job-content:nth-child(2n) {
    flex-direction: row-reverse;
}

@media (max-width: 1200px) {
    .job-content {
        min-height: 50rem;
        display: flex;
        flex-direction: column;
        gap: 2rem;
        justify-content: center;
        align-items: center;
        text-align: center;
        box-sizing: border-box;
    }

    .job-content:nth-child(2n) {
        flex-direction: column;
    }
}

.job-image-wrapper {
    height: 20rem;
    aspect-ratio: 1;
    padding: 2rem;
    display: flex;
    box-sizing: border-box;
    background-color: var(--off-white);
    border-radius: 15%;
}

.job-image {
    max-width:100%;
    max-height:100%;
    aspect-ratio: 1;
}

.job-text-wrapper {
    text-align: left;
}

.job-text {
    margin: 0;
    width: 100%;
    font-size: 6rem;
}

@media (max-width: 1200px) {
    .job-text {
        text-align: center;
    }
}

.job-bulletpoint {
    font-size: 2rem;
    font-family: 'Roboto';
    width: 100%;
}

.job-image-saarland-university {
    padding: 7rem;
}