html {
    scroll-behavior: smooth;
}
nav {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    transition: transform 0.3s ease-in-out;
}

nav.hidden {
    transform: translateY(-100%);
}

nav .logo {
    display: flex;
    align-items: center;
    height: 100%;
}

nav .logo img[src="img/ts logo.png"] {
    height: 45px;
    margin: auto 0;
    padding: 5px 0;
    object-fit: contain;
}
body {
    margin: 0;
    padding: 0;
    background-color: rgb(0, 0, 0);
}
.container {
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
}
#pdf-container {
    width: 100%;
    min-height: 100vh;
    overflow: visible;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
    margin-top: 60px;
}
.pdf-page {
    margin: 0px;
    display: block;
    flex: 1 0 100%; 
    max-width: 100%;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.pdf-page img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
@media only screen and (max-width: 668px) {
    #pdf-container {
        display: block;
        margin-top: 60px;
    }
    .pdf-page {
        margin: 0;
        display: block;
    }
}
@media only screen and (min-width: 668px) {
    #pdf-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .pdf-page {
        flex: 0 0 48%; 
        margin: 1%;
    }
    .pdf-page img {
        object-fit: contain;
    }
    nav .logo {
        height: 56px;
        margin-left: 0px;
        display: flex;
        align-items: center;
        transform: none;
        position: static;
    }

    nav .logo img[src="img/ts logo.png"] {
        height: 40px;
        padding: 8px 0;
    }

    nav .sidenav-trigger {
        margin: 0 18px !important;
        display: flex !important;
        align-items: center;
        height: 56px;
        position: absolute;
        left: 0;
    }

    nav .nav-wrapper {
        display: flex;
        align-items: center;
        padding: 0 10px;
        position: relative;
    }
}