.header{
    background-color: #6b6997;
    padding: 20px;
    height: fit-content;

    position: relative;
    display: block;
}

.container{
    background-color: #dedede;
    height: 400px;
    margin-top: 10px;

    display: block;
}

.menubtn{
    background-color: #a49dc0;
    padding: 10px;
    border: none;
    cursor: pointer;
    border-radius: 5px;

    font-family: monospace;
    color: white;
    font-size: 12px;
}

.menubtn:hover, .menubtn:focus{
    background-color: #b171c1;
    color: #ffc0ed;
}

.header-content{
    display: none;
    position: absolute;
    background-color: #feffe0;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(138, 137, 138, 50);
    z-index: 1;
}

.header-content a{
    color: #472450;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.header-content a:hover{
    background-color: #fff4c3;
    color: #ff4495;
}

.show {display: block;}



    .photos{

        margin-top: 20px;
        margin-left: 10px;
        padding: 5px;
       width: auto;
        max-height: 85%;
        position: absolute;
       
       
  
    }

    .body{
       
        display: grid;
        grid-template-columns: 10% 500px 10%;
        justify-content: center;

    }

#fotodisplay{
    
    margin: 5%;
    height: 350px; width: 90%;
        background-color: cadetblue;
        border: 3px dotted rgb(44, 86, 88);
        position: relative;
    margin-top: 25px;
    display: block;

}

    #i1{
        visibility: visible;
    }
    #i2{
        visibility: hidden;
    }
    #i3{
        visibility: hidden;
    }
    #i4{
        visibility: hidden;
    }
    #i5{
        visibility: hidden;
    }
    #i6{
        visibility: hidden;
    }
    #i7{
        visibility: hidden;
    }

    #left{
        float: left;
        margin-top: 195px;

        height: fit-content;
        padding: 10px;

        position: relative;

        font-family:Helvetica;

        border-radius: 20px;
        font-size: 12px;
        font-weight: 500;
        box-shadow: 8px 5px rgba(0, 0, 0, 0.284);
        
    }
    #right{
        float: right;
               margin-top: 195px;

        height: fit-content;
        padding: 10px;
        position: relative;

        font-family:Helvetica;

        border-radius: 20px;
        font-size: 12px;
        font-weight: 500;
        box-shadow: 8px 5px rgba(0, 0, 0, 0.284);
        
    }