.accordion2 {
    box-sizing: border-box;
    background: #ffffff;
    float: right;
    font-weight: 225;
    width: 100%;
    cursor: pointer;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.5s;
    animation-name: FadeIn;
    animation-duration: 4s;
    -webkit-animation-name: FadeIn;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s;
    /* Safari 4.0 - 8.0 */
}

.c13 {
    background-color: #efefef;
    max-width: 100vw;
    padding: 72pt 72pt 72pt 72pt;
}

.A2,
.accordion2:hover {
    box-sizing: border-box;
    float: right;
    box-shadow: 0px 0px 4px aqua, 0 0 8px blue, 0 0 16px violet;
    /*background-color: #444;
	backface-visibility: inherit;
	border-radius: 20px;*/
}


/*Extendable Pages*/

.accordion {
    display: flex;
    font-weight: bold;
    color: white;
    background-color: transparent;
    border: none;
    /* box-shadow: 0 0 16px rgb(0 0 0); */
    float: right;
    width: 100%;
    cursor: pointer;
    padding: 8px;
    text-align: left;
    outline: none;
    transition: 0.5s;
    animation-name: FadeIn;
    animation-duration: 4s;
    -webkit-animation-name: FadeIn;
    -webkit-animation-duration: 4s;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: space-between;
}

.A,
.accordion:hover {
    background-color: white;
    color: black;
    box-shadow: 0 0 4px white;
    float: right;
    outline: none;
    padding: 8px;
    /*background-color: #444;
	backface-visibility: inherit;
	border-radius: 20px;*/
}

.panel {
    width: 100%;
    background-color: white;
    box-shadow: 0 0 4px white;
    color: black;
    max-height: 0vh;
    padding: 0px 18px;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
    /*opacity: 0.5;*/
}

.accordion:after {
    --arrow-width: 12px;
    --arrow-height: 22px;
    content: "+";
    align-content: center;
    padding: 0;
    border-radius: 50%;
    color: white;
    font-weight: bold;
    font-size: 24px;
    width: 2em;
    height: 2em;
    padding-top: 1.2px;
    text-align: center;
    float: right;
    transition: 0.5s;
    animation-name: FadeIn;
    animation-duration: 4s;
    -webkit-animation-name: FadeIn;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s;
    /* Safari 4.0 - 8.0 */
}

.accordion:hover:after,
.A:after {
    color: black;
    transition: 0.5s;
    content: "-";
    font-weight: bold;
    float: right;
    padding-top: 1px;
    text-align: center;
    align-content: center;
    animation-name: FadeIn;
    animation-duration: 4s;
    -webkit-animation-name: FadeIn;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s;
    /* Safari 4.0 - 8.0 */
}

.accordion2:after {
    --arrow-width: 12px;
    --arrow-height: 22px;
    content: "+";
    align-content: center;
    padding: 0;
    border-radius: 50%;
    text-shadow: 0px 0px 8px rgb(50, 150, 255), 0 0 25px rgb(50, 150, 255), 0 0 5px rgb(50, 150, 255);
    box-shadow: 0px 0px 8px rgb(50, 150, 255), 0 0 25px rgb(50, 150, 255), 0 0 5px rgb(50, 150, 255);
    color: rgb(50, 150, 255);
    font-size: 24px;
    font-weight: 225;
    width: 1em;
    height: 1em;
    text-align: center;
    float: right;
    transition: 0.5s;
    animation-name: FadeIn;
    animation-duration: 4s;
    -webkit-animation-name: FadeIn;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s;
    /* Safari 4.0 - 8.0 */
}

.A2:after {
    text-shadow: 0px 0px 8px rgb(255, 75, 50), 0 0 25px rgb(255, 75, 50), 0 0 5px rgb(255, 75, 50);
    box-shadow: 0px 0px 8px rgb(255, 75, 50), 0 0 25px rgb(255, 75, 50), 0 0 5px rgb(255, 75, 50);
    color: rgb(255, 75, 50);
    transition: 0.5s;
    content: "-";
    float: right;
    text-align: center;
    align-content: center;
    animation-name: FadeIn;
    animation-duration: 4s;
    -webkit-animation-name: FadeIn;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s;
    /* Safari 4.0 - 8.0 */
}

.panel a {
    font-size: 18px;
    color: rgb(50, 150, 255);
    outline: none;
    transition: ease-in-out 0.5s;
}

.panel iframe {
    width: 100%;
    height: 100vh;
}

.panel a:hover {
    color: rgba(255, 255, 255, 1);
    transition: ease-in-out 0.5s;
}

@media screen and (max-width: 640px) {
    .panel {
        /*border-radius: 28px;*/
        max-height: 0vh;
        padding: 0 18px;
        overflow: hidden;
        width: 100%;
        transition: max-height 0.5s ease-in-out;
        /*opacity: 0.5;*/
    }
}