.file-list{
    margin-top:30px;
    display:flex;
    flex-direction:column;
    gap:20px;
}

.file{
    border:2px solid #00ffff;
    background:rgba(0,15,25,0.85);
    padding:15px;
}

.file-header{
    cursor:pointer;
    font-weight:bold;
    padding:10px;
    border-bottom:1px solid #00ffff;
}

.file-content{
    display:none;
    padding:15px;
}

.lock-btn{
    margin-top:10px;
    padding:10px;
    background:#00ffff;
    border:none;
    cursor:pointer;
}

.hidden-content{
    display:none;
    margin-top:15px;
    border-top:1px dashed #00ffff;
    padding-top:10px;
    color:#7ffcff;
}
.experiment-layout{

    display:flex;

    gap:25px;

    align-items:flex-start;

    margin-top:20px;
}

.experiment-image{

    width:500px;
}

.experiment-image img{

    width:100%;

    max-height:900px;

    object-fit:contain;
}

.experiment-details{

    flex:1;
}

.experiment-details h3{

    margin-top:20px;

    margin-bottom:10px;

    color:#00ffff;
}

@media(max-width:900px){

    .experiment-layout{

        flex-direction:column;
    }

    .experiment-image{

        width:100%;

        text-align:center;
    }

    .experiment-image img{

        width:80%;

        max-width:500px;
    }

}