#sec-settings { margin-top: 2em; }
#sec-settings .card { margin: 20px 0; }
#sec-settings strong { font-style: italic; font-weight: 500; color: #555; }

[data-sec-settings] {display: none;}

#sec-secure h2,
h3 {font-size: 1.1rem; }

[data-sec-info] .icon  {font-size: 30px; white-space: nowrap; }

html.files-loaded [data-sec-settings] {display: block;}
html.files-loaded [data-sec-info] {display: none;}


p.warning > i,
h3 > i { margin-right: 0.5em; color: #777; }

.tip { color: #777; font-size: 0.8em; }
p.tip { text-align: justify; }

p.warning > i{color: #ff6a00;}
h3.info > i{color: #0775d1;}

/*section { min-width: 350px; }*/

#sec-social { margin-top: 50px; text-align: center; }

#sec-secure { margin-top: 3em; }
#sec-secure div.col-1 { min-width: 7em; }
.shield { 
    font-family: 'Line Awesome Free';
    font-weight: 900;
    position: relative;
    font-size: 6em;
    -webkit-text-stroke: .01em white;
    right: 0;
    user-select: none;
}
.shield::before {
    content: '\f3ed';
    position: absolute;
    z-index: -1;
    -webkit-text-stroke: .03em black;
}
.shield::after {
    font-family: "Font Awesome 6 Pro";
    content: '\f023';
    position: absolute;
    font-size: .2em;
    z-index: -1;
    -webkit-text-stroke: .03em black;
    right: 2.1em;
    top: 1.6em;
}


#sec-tips { margin-top: 6em; }