/*
        PORTFOLIO       */
.socialNetworks {display:none}


/*
        HEADER */
header {
        padding:0;
        flex-flow:column nowrap;
        align-items:center;
}

#shell {
        padding:1rem .25rem 1rem .25rem;
        margin:0
}
#portfolio h3 {
        margin:0 0 4rem 0;
        font-size:2rem;
}
#portfolio p , #portfolio ul, #portfolio table {
        font-size:1.05rem;
}

#portfolio img {text-align: center;}
#portfolio h3::first-letter {color: red}

#portfolio>p:last-child, #portfolio>p:first-child:first-child {
        font-size:.8rem;
        color:rgb(19, 164, 90)
}

#portfolio>p:last-child>span:last-child {
        color:rgb(19, 164, 90);
        font-size:1em;
        white-space:nowrap;
        animation:type 5s steps(50, end), caret-blink .8s ease infinite;
        border-right:10px solid rgb(50, 150, 50)
}
#senacra h2, #senacra h3, #senacra>div>p:nth-child(3), #senacra>div>p:nth-child(4) {
        text-align:center
}

#senacra h2, #senacra>div>p:nth-child(3) {padding-top:2rem}

#senacra>div>p:nth-child(4) {padding:2rem}

#senacra>div>p:last-child {padding-bottom:2rem}

#senacra {margin:85% 0 15% 0} 

#senacra p{
        background-color:rgba(0, 0, 0, .75);
        font-size:1.05rem
}

#senacra h2 {
        padding:2rem 1rem 0 1rem;
        background-color:rgba(0, 0, 0, .75);
        font-size:1.35rem
}

#senacra h3 {
        background-color:rgba(0, 0, 0, .75);
        font-size:1.1rem;
        font-style:italic
}

#senacra p, #senacra h3 {
        padding:0 1rem;
        background-color:rgba(0, 0, 0, .5)
}

@keyframes caret-blink {
        0%      {border-color:transparent}
        50%     {border-color:rgb(50, 150, 50)}
        100%    {border-color:transparent}
}