/*
FIRST SHELL */
#infos, #portfolio, #read_me {
        flex-flow:column nowrap;
        text-align:left;
}


/* MYSHELL */
.myShell {
        /* font-size:.9rem; */
        animation:fadeIn;
        animation-duration:1s; 
        flex:auto;
        flex-flow:column wrap;
        justify-self:flex-start;
        align-self:flex-start;
        overflow:hidden;
        color:rgb(201 209 217);
        text-align:justify
}

.myShell a {color:rgb(88 166 255)}

.myShell>div>div>section h2,
.myShell>div>div>section h3,
.myShell>div>div>section p {font-family:monospace}

.myShell h2, 
.myShell h3 {font-size:1.5rem}

.myShell td, .myShell th {
        border:1px solid rgb(48 54 61);
        display:table-cell;
        padding:1rem
}

.myShell table {
        border-spacing:0;
        border-collapse: collapse;
}

.myShell>div>div:first-child {color:rgb(107, 208, 24)}

.myShell>div>div:first-child>ul {padding:0 1rem}

.myShell>div>div:first-child>ul {
        display:flex;
        flex-direction:row;
        justify-content:space-between;
        align-items:center
}

.myShell>div>div:first-child>ul>li>ul {
        display:flex;
        flex-flow:row nowrap
}

.myShell>div>div:first-child>ul>li li{
        padding:0.5rem;
        vertical-align:middle;
        flex:auto
}

.myShell>div>div:first-child>ul li:nth-child(2){
        cursor:pointer;
        flex:10
}

.myShell>div>div:nth-child(2)>section::-webkit-scrollbar  {display:none}

#shell {padding:0rem 1.5rem 0 1.5rem}

.myShell hr {
        display:block;
        font-size:1rem;
        font-weight:bold;
}

#shell>div>div:nth-child(2)>section {
        overflow:auto;
        padding:1rem
}

#shell>div>div:nth-child(2)>section ul ul>li {
        /* margin:0 0 0 1.5rem; */
        list-style-type:disc
}

@media screen and (max-width:400px) {

        #shell {padding:4rem .25rem 0 .25rem}

        .myShell h2 {font-size:1.5rem}

}