.spoiler {
    /*border: 1px solid #e0e0e0;*/
    padding: 0 1em;

}
.spoiler details {
    padding: 1em 0;
}
.spoiler details + details {
    border-top: 1px solid #e0e0e0;
}
.spoiler summary {
    /*display: inline-block;*/
    color: #0d056c;
    outline-style: none;  /* удалить обводку при фокусе */

}
/*.spoiler details div {*/
    /*overflow: hidden;*/
    /*padding: 1em 1em 0;*/
/*}*/
/*.spoiler details[open] div {*/
    /*animation: spoiler 1s;*/
/*}*/

.spoiler h3 {
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
}

.spoiler h2 {
    display: inline-block;
    font-size: 30px;
    cursor: pointer;
}





.spoiler3 > input + label:before{
    content: "►";
    /*text-align: center;*/
    /*font-family: monospace;*/
    /*font-weight: bold;*/
    margin: 2px 10px 0 0;
}
.spoiler3 > input:checked + label:before{
    content: "▼";
    /*text-align: center;*/
    /*font-family: monospace;*/
    /*font-weight: bold;*/
    margin: 2px 10px 0 0;
}
.spoiler3 > input{display:none;}
.spoiler3 > input + label , .spoiler3 > .spoiler_body{
    /*color:#bbb;*/
    /*border:1px solid #fff;*/
    /*background:#222;*/
    padding:5px 15px;
    overflow:hidden;
    width:100%;
    box-sizing: border-box;
    /*display: block;*/
    display: flex;
}
.spoiler3 > input + label + .spoiler_body{display:none;}
.spoiler3 > input:checked + label + .spoiler_body{display: block;}
.spoiler3 > .spoiler_body{
    /*background: #222;*/
    /*border: 1px solid #fff;*/
    border-top: none;
}

.spoiler3 + .spoiler3 {
    border-top: 1px solid #e0e0e0;
    padding-top: 20px;
}


.project-title {
    /*display: inline-block;*/
    /*font-size: 16px;*/
    cursor: pointer;
    width: 100%;
}

.project-title-name {
    /*display: inline-block;*/
    font-size: 16px;
    cursor: pointer;
}
.spoiler3 label{
    font-weight: normal;
}

.spoiler-container {
    /*border: 1px solid #e0e0e0;*/
    margin: 2em 0em;

}