body {
            margin-top: 128px !important;
            direction: ltr;
        }
        
        * {
            box-sizing: border-box;
        }
        
        .SecTitle:nth-child(1) {
            margin-top: 128px !important;
            width: calc(50% - 8px);
            text-align: left !important;
            margin-top: auto;
            float: right;
        }
        
        article>p {
            width: 100%;
            clear: both;
        }
        
        /*.PicHolder {*/
        /*    height: fit-content;*/
            /*height: --fit-content;*/
        /*    height:max-content;*/
        /*    width: calc(50% - 8px);*/
            /*display: flex;*/
        /*    height: fit-content;*/
        /*    float: left;*/
        /*}*/
         article>img:first-of-type {
         width: calc(50% - 8px);    float: left;
         /*border: solid;*/
         outline: 3px solid #000;
}
        
        /*.PicHolder img {*/
        /*    width: 100%;*/
        /*    height:fit-content !important;*/
        /*    border: solid;*/
        /*    height:auto;*/
        /*    background-color: black;*/
        /*}*/
        
        #Content {
            width: calc(50% - 8px);
            float: right;
        }
        
        body>main>article {
            gap: 16px;
            width: 62vw;
            height: fit-content;
            height: -moz-fit-content;
            min-height: 32px;
            min-width: 300px;
            margin: 64px auto;
            margin-bottom: 128px;
            color: var(--ColorDark);
            /* padding-top: 64px; */
        }
        .projectInfo{
                float: right;
                width: 100%;
        }
        #memberList{
            padding:0;
        }
        #memberList li{
              display: flex;
    align-items: center;
    gap: 8px;
        }
      #memberList li a{
          color:var(--ColorDark);
      }
        @media(min-width:860px){
            html{
                padding-bottom:128px;
            }
            
        }
        @media (max-width:860px) {
            body{
                margin :0 !important;
            }
            body>main>article {
                width: 100%;
                display: flex;
                flex-direction: column;
                padding-top: 0;
            }
            body>main>article>* {
                width: 100% !important;
                /* clear: both; */
            }
            .SecTitle:nth-child(1) {
                margin-top: 0!important;
                text-align: center !important;
            }
            /* article>img:first-of-type{*/
            /*    border: 3px solid var(--ColorDark);*/
            /*    border-left: none;*/
            /*    border-right: none;*/
            /*}*/
            article>img:first-of-type~* {
                padding: 0 24px 0 24px;
            }
            .projectInfo {
        /*padding-left:0px !important;*/
    }
        }