body {
    padding: 0;
    margin: 0;
    background-color: #949ec5;
}

#container {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

#slides-wrapper {
    padding: 20px 20px 24px 20px;
}

#slides-wrapper iframe{
    display: block;
    height: 700px;
    width: 1180px;
    max-width: 100%;
    max-height: 100%;
}

#document-wrapper {
    padding: 20px;
}

#document-wrapper iframe{
    display: block;
    /* height: 1000px; */
    width: 860px;
    max-width: 100%;
    max-height: 100%;
    border: 0;
}

.frame-wrapper {
    display: none;
    border: 1px rgb(11, 11, 39) solid;
    box-shadow: 2px 10px 10px;

    background-color: #5d6fac;
    width: fit-content;
    height: fit-content;
}

.frame-wrapper iframe {
    height: 80vh;
}

.frame-wrapper.active {
    display: block;
}