html {
    scroll-behavior: smooth;
}

* {
    color: black;
}

p {
    font-family: "Source Serif 4", serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: italic;
    font-size: 1.2rem;
}

a {
    color: black;
}

ul {
    list-style: none;
}

a:hover {
    color: black;
    text-decoration: none;
}

figcaption {
    font-family: "Source Serif 4", serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: italic;
    font-size: 1.2rem;
}

.source-serif {
    font-family: "Source Serif 4", serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
}

.logo {
    font-family: "Arya", serif;
    font-weight: 100;
    font-style: normal;
    font-size: 2.2rem;
}

.menu {
    display: flex;
    font-family: "Arya", serif;
    font-weight: 400;
    font-style: normal; 
    font-size: 1.5rem;
    justify-content: space-between;
    padding: 0;
    margin: 0 20rem 0 20rem;
}

.home-image {
    max-height: 50vh;
}

.work-menu {
    font-family: "Source Serif 4", serif;
    font-style: italic;
    font-weight: 300;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: left;
    justify-content: center;
    font-size: 2rem;
    text-decoration: underline;
    text-decoration-thickness: 1.5px;
    height: 40vh;
    gap: 1rem;
}

.margin-left-right {
    margin: 0 20rem 0 20rem;
}

.padding-left-right {
    padding: 0 20rem 0 20rem;
}

.expo93 img {
    width: 50%;
}

.max-height {
    max-height: 98vh;
}

.error {
    margin-top: 5rem;
}

@media (max-width:1200px) {
    .disable-links-mobile {
        pointer-events: none;
        cursor: default;
    }
    
    .menu {
        margin: 0 10rem 0 10rem;
    }

    .margin-left-right {
        margin: 0 10rem 0 10rem;
    }

    .padding-left-right {
        padding: 0 10rem 0 10rem;
    }
}

@media (max-width:640px) {
    .disable-links-mobile {
        pointer-events: none;
        cursor: default;
    }

    .menu {
        margin: 0 2.5rem 0 2.5rem;
    }

    .margin-left-right {
        margin: 0 2.5rem 0 2.5rem;
    }

    .padding-left-right {
        padding: 0 2.5rem 0 2.5rem;
    }
}