@import url("https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700");
html[data-bs-theme='dark'] { --base-color:  #C7C8C9; }
html[data-bs-theme='light'] { --base-color:  #000000; }

:root  {
    --border:  dashed 2px rgba(219,  219,  219,  1.9);
    --selection-background:  rgba(219,  219,  219,  0.99);
    --selection-text:  #000;
    --text-color:  var(--base-color);
    --placeholder-color:  var(--base-color);
    --link-color:  var(--base-color);
    --color-a:  #678CB1;
    --color-b:  #FACD22;
    --color-c:  #8AC763;
    --color-d:  #EC7600;
}

img{
    max-height:380px;
    height:auto;
}

body  {
    background-color:  var(--background-color);
    margin:  0 auto;
    padding:  0;
    font-family:  "Source Code Pro",  monospace;
    color:  var(--text-color);
    text-align:  left;
    line-height:  1.5 !important;
}

h1,  h2,  h3,  h4,  h5,  h6  {
    margin:  0px;
    margin-top:  22px;
    font-weight:  bold;
}

.categoria  {
    text-transform:  uppercase;
    font-size:  20px !important;
}
.titulo  {
    text-transform:  uppercase;
    font-size:  32px !important;
	font-weight:  bold;
}
p,  ul,  ol  {
    margin:  0px;
    color:  var(--text-color);
}
a  {
    text-decoration:  none;
    color:  var(--link-color);
}
a:hover  {
	text-decoration: none;
}
@media only screen and (max-device-width: 500px)  {
    *  {
    font-size:  12px !important;
}
}
.container  {
    margin-right:  auto;
    margin-left:  auto;
}
p  {
    word-wrap:  break-word;
    word-break:  break-word;
    white-space:  pre-wrap;
    margin-bottom:  15px;
}
footer  {
    color:  var(--text-color);
    margin:  20px auto 15px;
    padding-top:  10px;
    text-align:  center;
}
header  {
    margin-top:  25px;
    margin-bottom:  10px;
}
footer  {
    margin-bottom:  20px;
}
::selection  {
    background:  var(--selection-background);
    color:  var(--selection-text);
}
::-moz-selection  {
    background:  var(--selection-background);
    color:  var(--selection-text);
}
*:focus  {
    outline:  none;
}
pre  {
    border:  none;
    padding:  0;
    margin:  0;
    overflow:  auto;
    font-family:  "Source Code Pro",  monospace !important;
}
.separator  {
    border-bottom:  var(--border);
    margin-bottom:  25px;
    margin-top:  25px;
}
.title  {
    color:  var(--color-b);
}
.color-c  {
    color:  var(--color-c);
}
.color-a  {
    color:  var(--color-a);
}
.skill:hover  {
    color:  var(--background-color);
    background-color:  var(--base-color);
}
.centerho {
  height: calc(100vh - 60px);
}
.justifyme {
	text-align:justify !important;
}

ul { 
  text-align: justify;
  text-indent: 0;
  list-style-type: symbols(cyclic '♠ ' '♥ ' '♣ ' '♦ ');
}

.description li { 
   margin-bottom: 10px;  
}



[data-href] { cursor: pointer; }