body{
        margin: 0px;
        background-color: rgb(253, 242, 228);
    }
    header{
        width: 1000px;
        height: auto;
        margin: auto;

        text-align: center;
    }

    #goBack{
        position: absolute;
        display: flex;
        width: 60px;
        height: 40px;
        margin: 20px;
        margin-top: 0px;
        background-color: rgb(207, 207, 207);
        text-align: center;
        justify-content: center;
        align-items: center;
    }


    .photo_gallery{
        width: 1000px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-direction: column;
        text-align: center;
    }
    .photo_gallery h1{
        font-size: 23pt;
        margin: none;
    }


    .photo_3_column{
        display: flex;
        width: 100%;
        margin-top: 25px;
    }
    
    .photo_3_column img{
        float:left;
        width: 30%;
        height: fit-content;
        margin-left: 2.5%;

    }

    .photo_2_column{
        display: flex;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        margin-top: 25px;
    }

    .photo_2_column img{
        float:left;
        width: 46.25%;
        margin-left: 2.5%;
        object-fit: contain;
    }

    .photo_pl{
        display: flex;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        margin-top: 25px;

    }

    .photo_pl .portrait{
        width: 28.25%;
        margin-left: 2.5%;
        object-fit: contain;
        
    }

    .photo_pl .portrait.digi_C{
        width:33.3%;
        margin-left: 2.5%;
        object-fit: contain;
    }
    .photo_pl .landscape{

        width:64.25%;
        margin-left: 2.5%;
        object-fit: contain;
    }

    .photo_pl .landscape.digi_C{
        width:59.1852%;
        margin-left: 2.5%;
        object-fit: contain;
    }

    nav{
        display: flex;
        justify-content: center;
        align-content: center;
        text-justify: center;
        height: 100%;
        
    }

    ul{
        list-style-type: none;
        margin: 0;
        align-self: center;
        text-justify: center;   
        padding: 0;
        overflow: hidden;
  
    }
    li{
        float: left;
       
    }

    li button{
        display: block;
        padding: 8px;
        margin-left: 1px;
        margin-top: 1px;
        
        text-decoration: none;
        
    }

    button{
        border: none;
        background-color: white;
        outline:none;
        cursor: pointer;
        color: black;
        font-family: Helvetica;
    }

    #toTopButton{
        position:fixed;
        bottom:20px;
        right:20px;
        z-index: 2;
        border:none;
        outline:none;
        font-size: 30px;
    }

    #toTopButton:hover{
        color:black;
        background-color: white;
    }
    .btnActive, button:hover{
        background-color: rgba(187, 187, 187, 0.966);
        
        color:white;
        border: 2px solid black;
    }

    h1{
        font-family:"Bodoni Moda";
        font-size: 40pt;
        font-weight: 500;
        margin-bottom: 10px;
        margin-top:10px;

    }
    h2{
        font-family: Helvetica;
        font-weight: 100;
        font-size: 20pt;
        margin:15px;
    }
    a{
        text-decoration: none;
        color: black;
    }


    .modal{
        display: none;
        position: fixed;
        justify-content: center;
        align-items: center;
        align-content: center;
        z-index: 100;
        left:0;
        top:0;
        width:100vw;
        height:100vh;
        overflow: scroll;
        background-color:rgb(255,255,255);
        background-color: rgba(0,0,0,0.9);
    }



    .modalContent{
        margin:0;
        position:relative;
        align-self: center;
        cursor:zoom-in;
        display: block;
        max-width: 70vw;
        max-height: 90vh;
        overflow: scroll;
        transition: transform 0.25s ease;
        
        &.zoom{
            cursor:zoom-out;
            max-width: 170vw;
            max-height: 190vh;
            align-self: flex-start;
        }
    }



    .close{
        position: fixed;
        top: 15px;
        right:35px;
        color: white;
        font-size: 40px;
        transition: 0.3s;
    }

    .close:hover{
        cursor:pointer;
    }