h1,
h2,
h3,
h4,
h5,
h6,
p,
b,
li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    text-align: justify;
    line-height: 1.4;
}

.PS {
    line-height: 1.6;
    padding-bottom: 20px;

}

a {
    text-decoration: none;
}



@media(orientation: landscape) {
    body {
        padding: 20px;
        margin-right: 25vw;
        margin-left: 25vw;

    }

    .gallery {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;

    }

    .image {
        border-radius: 5%;
        margin: 7px;
        transition: 0.5s ease-in;
        width: 290px;
        filter: drop-shadow(-2px 3px 3px rgba(0, 0, 0, 0.616));
    }

    .image:hover {
        scale: 110%;
        z-index: 10;


    }

    @media (prefers-color-scheme: dark) {


        html {


            background-color: rgb(46, 46, 46);

        }

        body {
            background-color: rgba(73, 73, 73, 0.664);

            filter: drop-shadow(0 0 25px rgb(19, 19, 19));
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        p,
        b,
        li,
        a {
            color: rgb(219, 219, 219);
        }

        ::-webkit-scrollbar {
            width: 15px;
        }


        ::-webkit-scrollbar-track {
            box-shadow: inset 0 0 5px rgb(49, 49, 49);
            border-radius: 10px;
        }


        ::-webkit-scrollbar-thumb {
            background: rgba(73, 73, 73, 0.788);
            border-radius: 10px;
        }

        .socimg {
            display: flex;
            justify-content: flex-end;
            gap: 10px;



        }

        .img {
            transition: 0.5s ease-in-out;
        }

        .img:hover {
            filter: drop-shadow(-2px 1px 3px rgba(122, 122, 122, 0.616));

        }

        .ntre {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            width: 100%;
        }

        .ntre1 {
            width: 50%;
        }

        .ntre2 {
            width: 50%;
        }

        .ntre3 {
            width: 50%;
        }

        .ntre4 {
            width: 50%;
        }

    }

    @media (prefers-color-scheme: light) {
        html {
            background-color: rgb(255, 255, 255);
        }

        body {
            background-color: rgba(219, 219, 219, 0.973);
            filter: drop-shadow(0 0 40px rgba(36, 36, 36, 0.486));
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        p,
        b,
        li,
        a {
            color: rgb(0, 0, 0);
        }

        ::-webkit-scrollbar {
            width: 15px;
        }


        ::-webkit-scrollbar-track {
            box-shadow: inset 0 0 5px rgb(255, 255, 255);
            border-radius: 10px;
        }


        ::-webkit-scrollbar-thumb {
            background: rgba(219, 219, 219, 0.788);
            border-radius: 10px;
        }

        .socimg {
            display: flex;
            justify-content: flex-end;
            gap: 10px;
        }

        .img {
            transition: 0.5s ease-in-out;
        }

        .img:hover {
            filter: drop-shadow(-2px 1px 3px rgba(51, 51, 51, 0.616));

        }

        .ntre {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            width: 100%;
        }

        .ntre1 {
            width: 50%;
        }

        .ntre2 {
            width: 50%;
        }

        .ntre3 {
            width: 50%;
        }

        .ntre4 {
            width: 50%;
        }

    }

}


@media(orientation: portrait) {

    .gallery {
        display: flex;
        width: 85vw;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-evenly;

    }


    .image {
        width: 40vw;
        border-radius: 10%;
        margin-bottom: 5px;
        transition: ease-in 0.5s;

    }

    .image:hover {
        width: 85vw;
        max-width: 85vw;

    }

    @media (prefers-color-scheme: dark) {
        html {


            background-color: rgb(46, 46, 46);

        }

        body {
            background-color: rgba(73, 73, 73, 0.664);

            filter: drop-shadow(0 0 25px rgb(19, 19, 19));
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        p,
        b,
        li,
        a {
            color: rgb(219, 219, 219);
        }

        ::-webkit-scrollbar {
            width: 15px;
        }


        ::-webkit-scrollbar-track {
            box-shadow: inset 0 0 5px rgb(49, 49, 49);
            border-radius: 10px;
        }


        ::-webkit-scrollbar-thumb {
            background: rgba(73, 73, 73, 0.788);
            border-radius: 10px;
        }

        .socimg {
            display: flex;
            justify-content: flex-end;
            gap: 10px;
            margin-bottom: 5px;



        }

        .img {
            transition: 0.5s ease-in-out;
        }

        .img:hover {
            filter: drop-shadow(-2px 1px 3px rgba(122, 122, 122, 0.616));

        }

        .ntre {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            width: 100%;
        }

        /* .ntre1 {
            width: 50%;
        }

        .ntre2 {
            width: 50%;
        }

        .ntre3 {
            width: 50%;
        }

        .ntre4 {
            width: 50%;
        } */



    }

    @media (prefers-color-scheme: light) {
        html {
            background-color: rgb(255, 255, 255);

        }

        body {
            background-color: rgba(219, 219, 219, 0.973);



            filter: drop-shadow(0 0 40px rgba(36, 36, 36, 0.486));
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        p,
        b,
        li,
        a {
            color: rgb(0, 0, 0);
        }

        ::-webkit-scrollbar {
            width: 15px;
        }


        ::-webkit-scrollbar-track {
            box-shadow: inset 0 0 5px rgb(255, 255, 255);
            border-radius: 10px;
        }


        ::-webkit-scrollbar-thumb {
            background: rgba(219, 219, 219, 0.788);
            border-radius: 10px;
        }

        .socimg {
            display: flex;
            justify-content: flex-end;
            gap: 10px;
            margin-bottom: 5px;



        }

        .img {
            transition: 0.5s ease-in-out;
        }

        .img:hover {
            filter: drop-shadow(-2px 1px 3px rgba(51, 51, 51, 0.616));

        }

        .ntre {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            width: 100%;
        }

        /* 
        .ntre1 {
            width: 50%;
        }

        .ntre2 {
            width: 50%;
        }

        .ntre3 {
            width: 50%;
        }

        .ntre4 {
            width: 50%;
        } */



    }

    body {
        padding: 20px;
        margin-right: 2vw;
        margin-left: 2vw;

    }
}