/*
Palette
#133A1B
#26580f Crusoe
#378805 Green
#86DC3D Atlantis
#C5E90B inch worm



*/

div.matrix {
    width: 100%;
    background-image: "matrix.png";
}

body {
    background-image: url("/img/matrix.gif");
    background-repeat: repeat-x;
    background-color: 000;
}


a.link-button {
    box-shadow: inset 0px 1px 0px 0px #86DC3D;
    background: linear-gradient(to bottom, #86DC3D 5%, #378805 100%);
    background-color: #86DC3D;
    border: 1px solid #26580f;
     color: #133A1B;
    font-family: monospace;
    text-shadow: 0px 1px 0px #86DC3D;
}

a.link-button:hover {
    background: linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
    background-color: #5cb811;
}

a.link-button:active {
    position: relative;
    top: 1px;
}

a.link-subbutton {
    box-shadow: inset 0px 1px 0px 0px #86DC3D;
    background: linear-gradient(to bottom, #233d0b 5%, #378805 100%);
    background-color: #86DC3D;
    border-radius: 6px;
    border: 1px solid #26580f;
    display: inline-block;
    cursor: pointer;
    color: #16fd44;
    font-family: monospace;
    font-size: 0.9rem;
    text-transform: uppercase;
    font-weight: bold;
    padding: 6px 24px;
    margin-top: 20px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #000000;
}

a.link-subbutton:hover {
    background: linear-gradient(to bottom, #203111 5%, #519c13 100%);
}

a.link-subbutton:active {
    position: relative;
    top: 1px;
}

/* header ##############################################################*/

div.logo {

}

div.social {
  background-image: linear-gradient(to bottom, rgba(0, 206, 18, 0.0), rgba(0, 206, 18, 0.1));
}

div.header-nome {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
     background-image: linear-gradient(to bottom, rgba(0, 206, 18, 0.1), rgba(0, 206, 18, 0.0));
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: darkgreen;
}

div.title {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

div.header-nome ul li.nome {
    color: lime;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;}

div.title ul li.nome {
    color: lime;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

div.title ul li.cargo {
    color: lime;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

div.title ul li.cargo-english {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: rgb(0, 133, 40);
}

div.title ul li.ano {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: lime;
}

span.title-ano-english {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: rgb(0, 133, 40);
}

div.label {
   
    border-bottom: lime solid 2px;
    color: lime;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 
}

@media only screen and (min-width: 1600px) {
    div.label {
       width: 100%;
    }
}

div.label-sub {
     color: lime;
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

span.label-english {

    color: limegreen;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   
}

div.menu-geral {
    background: linear-gradient(to bottom, #77d42a 5%, #378805 100%);
    filter: drop-shadow(0px 10px 4px #181818);
}

div.menu-sub {
/* teste */  
}

div.portfolio{
    box-shadow: 5px 5px 8px #000000;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    color: black;
    background-color: lime;
    background: linear-gradient(to bottom, lime 5%, #aaff90 100%);
    
}

div.portfolio:hover {
    box-shadow: none;
    background-color: #aaff90;
    background: linear-gradient(to bottom, #aaff90 5%, lime 100%);
    box-shadow: 10px 10px 12px #000000;
}


li.portfolio-titulo {
    color: rgb(0, 119, 79);
    text-shadow: 1px 1px 1px #0e0e0e;
    font-family: 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

}
li.titulo-timeline {
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}


li.portfolio-area {
    text-shadow: 0px 1px 0px #aade7c;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

span.portfolio-area-english {

    color: #00a708;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

li.portfolio-ano {

    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;

    color: rgba(0, 0, 0, 0.541);
}

li.portfolio-descricao {
    font-family: 'Courier New', Courier, monospace;
    color: rgb(0, 0, 0);
 
}

ul li.tecnologias {
    /* float: left; */
    box-shadow: inset 0px 1px 0px 0px #caefab;
    background: linear-gradient(to bottom, #77d42a 5%, green 100%);
    background-color: #77d42a;
    border-radius: 6px;
    border: 1px solid #268a16;
    display: inline-block;
    cursor: pointer;
    color: #306108;
    font-family: monospace;
    font-size: 0.9rem;
    text-transform: uppercase;
    font-weight: bold;
    padding: 6px 24px;
    margin-top: 2px;
    margin-left: 2px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #aade7c;
    background-color: green;
}

ul li.tecnologias:hover {
    transform: scale(1.5);
    box-shadow: 5px 5px 6px #000000;
}

ul li.metodologias {
    /* float: left; */
    box-shadow: inset 0px 1px 0px 0px #caefab;
    background: linear-gradient(to bottom, #77d42a 5%, darkgreen 100%);
    background-color: #77d42a;
    border-radius: 6px;
    border: 1px solid #268a16;
    display: inline-block;
    cursor: pointer;
    color: #306108;
    font-family: monospace;
    font-size: 0.9rem;
    text-transform: uppercase;
    font-weight: bold;
    padding: 6px 24px;
    margin-top: 2px;
    margin-left: 2px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #aade7c;
    background-color: darkgreen;
}

ul li.metodologias:hover {
    transform: scale(1.5);
    box-shadow: 5px 5px 6px #000000;
}

ul li.ferramentas {
    /* float: left; */
    box-shadow: inset 0px 1px 0px 0px #caefab;
    background: linear-gradient(to bottom, #77d42a 5%, darkcyan 100%);
    background-color: #77d42a;
    border-radius: 6px;
    border: 1px solid #268a16;
    display: inline-block;
    cursor: pointer;
    color: #306108;
    font-family: monospace;
    font-size: 0.9rem;
    text-transform: uppercase;
    font-weight: bold;
    padding: 6px 24px;
    margin-top: 2px;
    margin-left: 2px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #aade7c;
    background-color: darkcyan;
}

ul li.ferramentas:hover {
    transform: scale(1.5);
    box-shadow: 5px 5px 6px #000000;
}

ul li.frameworks {
    /* float: left; */
    box-shadow: inset 0px 1px 0px 0px #caefab;
    background: linear-gradient(to bottom, #77d42a 5%, darkolivegreen 100%);
    background-color: #77d42a;
    border-radius: 6px;
    border: 1px solid #268a16;
    display: inline-block;
    cursor: pointer;
    color: #306108;
    font-family: monospace;
    font-size: 0.9rem;
    text-transform: uppercase;
    font-weight: bold;
    padding: 6px 24px;
    margin-top: 2px;
    margin-left: 2px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #aade7c;
    background-color: darkolivegreen;
}


li.printscreen:hover {
    transform: scale(1.3);
    z-index: 1000;
}

/* timeline #######################################################################################*/


li.inicio-xp {
    border: 2px solid #00792e;
    box-shadow: 1px 1px 1px #000000;
    background: linear-gradient(to bottom, #77d42a 5%, green 100%);
    color: white;
}

li.inicio-xp::before {
    color: lime;
}

li.meio-xp {
    list-style-type: none;
    border: 2px solid #00792e;
    box-shadow: 1px 1px 1px #000000;
    background: linear-gradient(to bottom, #77d42a 5%, green 100%);
    color: white;
}

li.meio-xp::before {
    color: white;

}

li.fim-xp {
    border: 2px solid #00792e;
    box-shadow: 1px 1px 1px #000000;
    background: linear-gradient(to bottom, #77d42a 5%, green 100%);
    color: white;
}

li.fim::before {
    color: red;
}

li.inicio-estudo {
    border: 2px solid #00792e;
    box-shadow: 1px 1px 1px #000000;
    color: white;
    background: linear-gradient(to bottom, #77d42a 5%, green 100%);
}

li.inicio-estudo::before {
    color: lime;

}

li.meio-estudo {
   border: 2px solid #00792e;
    box-shadow: 1px 1px 1px #000000;
    background: linear-gradient(to bottom, #77d42a 5%, green 100%);
    color: white;
}

li.meio-estudo::before {
   
}

li.fim-estudo {

    border: 2px solid #00792e;
    box-shadow: 1px 1px 1px #000000;
    background: linear-gradient(to bottom, #77d42a 5%, green 100%);
    color: white;
}

li.fim-estudo::before {
    color: red;
}
/* skills ##############################################################*/

div.skills {
    width: 95%;
    margin: auto;
    text-align: center;
}

div.skill-code {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: auto;
    color: lime;
    padding: auto;
    margin: auto;
    text-align: center;
    max-width: 100%;
    min-width: 200px;
}

div.skill-language {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    color: lime;
    padding: auto;
    margin: auto;
    max-width: 100%;
    min-width: 200px;
}


div.skill-code>span {
    color: lime;
    box-shadow: inset 0px 1px 0px 0px #86DC3D;
    background: linear-gradient(to bottom, #86DC3D 5%, #378805 100%);
    background-color: #86DC3D;
    border: 1px solid #26580f;
    color: #133A1B;
    font-family: monospace;
    text-shadow: 0px 1px 0px #aade7c;
}

div.skill-language>span {

    color: lime;
    box-shadow: inset 0px 1px 0px 0px #86DC3D;
    background: linear-gradient(to bottom, #86DC3D 5%, #378805 100%);
    background-color: #86DC3D;
    border: 1px solid #26580f;
    color: #133A1B;
    font-family: monospace;
    text-shadow: 0px 1px 0px #aade7c;
}


footer.nome {
    font-weight: bolder;
}

footer.cargo {
    font-style: italic;
    font-weight: normal;
}

footer.contato {
    font-style: oblique;
    font-weight: normal;
}

footer a {
    color: lime;
}

div.timeline-tit {
    margin: auto;
    background-color: black;
    box-shadow: 5px 5px 8px #000000;
    color: lime;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}


div.timeline {
    background-color: black;
    box-shadow: 5px 5px 8px #000000;
    font-family: 'Courier New', Courier, monospace;
    color: lime;
    background-color: black;
    border-top: 1px solid #16fd44;
}

div.timeline li.titulo-timeline {
    font-size: 1.5rem;
    color: lime;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

div.timeline span.titulo-english {
    color: rgb(0, 133, 40);
    font-family: Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

div.timeline-xp {
    cursor: pointer;
    color: #306108;
    font-family: monospace;
    text-decoration: none;
    text-shadow: 0px 1px 0px #000000;
}

div.timeline-edu {
    cursor: pointer;
    color: #306108;
    font-family: monospace;
    text-decoration: none;
    text-shadow: 0px 1px 0px #000000;
}

div.timeline-cur {
    color: #306108;
    font-family: monospace;
    text-shadow: 0px 1px 0px #000000;
}



.float {
    background: radial-gradient(#77d42a 5%, #378805 100%);
    color: rgb(0, 0, 0);
    box-shadow: 2px 2px 3px rgb(0, 0, 0);
    filter: drop-shadow(0px 10px 4px #181818);
}

footer {
    font-family: monospace;
    color: lime;
    background-color: #000000;
}