body, h1, h2, ul, li, p, dd, dt, dl {
  margin: 0px;
  padding: 0px;
}

body {
  /**background-color: #2c3a47;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-image: linear-gradient(180deg, #0b0b0b 0%, #2f3945 50%, #2c3a47 100%);
}

ul {
  list-style: none;
}


.code{
  color: #2b421e;
  padding: 5px 20px;
}

.menu ul {
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: center;
}

.menu li a {
  display: flex;
  color: #6ab04c;
  text-decoration: none;
  font-family: 'IBM Plex Mono', monospace;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.1rem;
  letter-spacing: .1em;
  padding: 0px 15px;
}

.menu li a:hover{
  color: aliceblue;
}

.menu {
  margin-top: 0px;
  display: block;
}

.titulo{
  font-family: 'Playfair Display SC', georgia;
  padding: 0px 50px;
  font-size: 4rem;
  line-height: 3;
  font-weight: bold;
  margin-bottom: 1rem;
  color: #6ab04c;
  letter-spacing: .1em;
}

.skill {
  justify-content: center;
  display: flex;
}

.skill ul {
  display: flex;
  color: #6ab04c;
  justify-content: center;
}


.skill li {
  display: inline-block;
  padding: 0px 50px;
  font-size: 4rem;
}

.skill h4{
  font-family: monospace;
  line-height: 4;
  font-size: 2rem;
  color:#6ab04c;
  display: flex;
  justify-content:center;
}

.skill li:hover{
  color: aliceblue;
  cursor: pointer;
}

.skill-descricao {
  font-family: monospace;
  color: aliceblue;
  display: flex;
  justify-content: center;
  line-height: 1.5;
  margin-bottom: 3rem;
  margin-top: 3rem;
}

.skill-descricao section{
  display: block;
  margin-bottom: 3rem;
  font-size: 1.1rem;
  padding: 0 15px;
}

.skill-descricao h2 {
  font-size: 2rem;
  text-transform: uppercase;
  display: flex;
  align-items: flex-end;
  justify-content: left;
}

.softskill {
  display: flex;
  justify-content: center;
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.softskill h2 {
  color: #6ab04c;
  display: block;
  justify-content: center;
}

.softskill h3 {
  color: #2b3036;
  font-size: 1.5rem;
}


.softskill ul { 
  display: inline-block;
}

.softskill ul li{
  color:aliceblue;
  font-family: monospace;
  font-size: 1.5rem;
  padding: 0px 20px;
}

.descricao {
  font-family: monospace;
  color: white;
  padding: 0px 30px;
  font-size: 1.2rem;
  text-transform: uppercase;
}

.descricao h2{
  font-size: 3rem;
  padding: 8px;
}

.descricao section{
  margin-bottom: 2rem;
}

.contacts {
  display: flex;
  justify-content: center;
}

.contacts a {
  display: block;
  font-size: 30px;
  color: #6ab04c;
  padding: 0px 30px;
  transition: 0.4s linear;
  position: relative;
}

.contacts a:hover {
  color: aliceblue;
  transform: scale(0.8);
}

.contacts a:hover::before {
  border-left: 4px solid;
  border-right: 4px solid;
  transform: skewX(20deg);
}

.contacts a:hover::after {
  border-top: 4px solid;
  border-bottom: 4px solid;
  transform: skewY(-20deg);
}

.js-tabcontent section {
  display: none;
  animation: show .5s forwards;
}

.js-tabcontent section.ativo {
  display: block !important;
  transform: translate3d(-30px, 0, 0);
}

@keyframes show {
  from {
      opacity: 0;
      transform: translate3d(30px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}