@import url("https://fonts.googleapis.com/css2?family=Montserrat&family=Staatliches&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");
@media only screen and (max-width: 1279px) {
  section {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .p-right {
    padding-right: 0% !important;
  }
  .desktop {
    display: none !important;
  }
  .links-anchors {
    padding: 0%;
    font-size: 24px !important;
  }
  #home {
    margin-left: 0% !important;
    align-items: center;
  }
  #names {
    text-align: center;
    height: 70px;
  }
  #names label {
    text-align: center;
    font-size: 60px !important;
  }
  #subtitle {
    text-align: center !important;
  }
  #subtitle label {
    font-size: 25px !important;
  }
  #redes {
    text-align: center;
  }
  #container-navbar {
    text-align: center;
  }
  #container-navbar .navbar-brand {
    color: #eeeeee;
  }
  #redes a {
    font-size: 50px !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}
@media only screen and (max-width: 511px) {
  #educacao-ecomp {
    font-size: 20px !important;
  }
}
@media only screen and (max-width: 400px) {
  #names {
    text-align: center;
    height: 60px;
  }
  #names label {
    text-align: center;
    font-size: 50px !important;
  }
  #subtitle label {
    font-size: 20px !important;
  }
}
@media only screen and (max-width: 345px) {
  #names label {
    font-size: 45px !important;
  }
  #subtitle label {
    font-size: 18px !important;
  }
}
@media only screen and (max-width: 368px) {
  #educacao-ecomp {
    font-size: 19px !important;
  }
}
@media only screen and (min-width: 1000px) {
  .mobile {
    display: none !important;
  }
  .subtopicos {
    margin-left: 20px !important;
  }
}
@media only screen and (min-width: 285px) {
  .mobile-min {
    display: none;
  }
}

body {
  color: #f0f0f0;
  background: rgb(0, 10, 12);
  background: linear-gradient(
    90deg,
    rgb(0, 40, 48) 20%,
    rgba(0, 0, 0, 1) 100%
  );
}
section {
  padding-top: 30px;
  padding-bottom: 30px;
}
.p-right {
  padding-right: 5%;
}
.horizontal {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.font-mont {
  font-family: Montserrat;
}
.font-staat {
  font-family: Staatliches;
}
.myyellow-text {
  color: #ffdf31 !important;
}
.mygreen-text {
  color: #0ea7bb !important;
}
.texts-inside {
  color: #e9e9e9 !important;
  font-size: 21px;
}
.subtopicos-name {
  font-size: 30px;
  height: 43px;
}
.subtopicos-name i {
  font-size: 25px;
}
.subtopicos-table {
  margin-left: 14px !important;
}
.table-instituicao {
  font-size: 20px;
}

/* NAVBAR */
.links-anchors {
  text-decoration: none;
  font-size: 40px;
  color: #eeeeee !important;
  font-family: "Bebas Neue";
}
.links-anchors:focus {
  color: #005e76 !important;
}
.name-lastname {
  font-family: Staatliches;
  font-size: 151px;
  height: 119px;
}
#avatar {
  margin-top: 16%;
  border: solid 7px;
  width: 70% !important;
}

/* Section : Home/Topo */
#home {
  margin-left: 25%;
}
#mynav {
  font-family: Staatliches;
  height: 100% !important;
}
#redes {
  font-size: 59px;
}
#subtitle {
  font-size: 37.9px !important;
  font-family: "Bebas Neue";
}
#email {
  margin-left: 3px;
}

/* Section : Sobre */
#sobre {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

/* Section : Educação */
.tags {
  font-size: 20px;
  color: #b2b5b5;
}
.tags i {
  font-size: 14px !important;
}
#educacao-uefs {
  font-size: 18px;
}
#calendar-arrow {
  margin-bottom: 0px;
  margin-left: 3px !important;
  margin-right: 6px !important;
}
#line {
  background: #ffffff !important;
}

/* Section : Habilidades */
.skills-icons {
  font-size: 22px !important;
  /* font-weight: 600; */
  color: #ffffff;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  /* background-color: #5052524d; */
  border-radius: 20px;
}
.skills-icons:hover {
  transition: all 300ms ease;
}
.sub-subtopico {
  font-size: 20px !important;
}
#back-laravel {
  background-color: #ff2d204d;
}
#back-laravel:hover {
  background-color: #ff2d20;
}
#back-php {
  background-color: #7478ae4d;
}
#back-php:hover {
  background-color: #7478ae;
}
#back-js {
  background-color: #f7df1e4d;
}
#back-js:hover {
  background-color: #f7df1e;
}
#back-html {
  background: #e44d264d;
}
#back-html:hover {
  background: #e44d26;
}
#back-css {
  background: #2965f14d;
}
#back-css:hover {
  background: #2965f1;
}
#back-bootstrap {
  background-color: #7952b34d;
}
#back-bootstrap:hover {
  background-color: #7952b3;
}
#back-react {
  background-color: #53c1de4d;
}
#back-react:hover {
  background-color: #53c1de;
}
#back-node {
  background-color: #026e004d;
}
#back-node:hover {
  background-color: #026e00;
}
#back-ionic {
  background-color: #3880ff4d;
}
#back-ionic:hover {
  background-color: #3880ff;
}
#back-flutter {
  background-color: #46d1fd4d;
}
#back-flutter:hover {
  background-color: #46d1fd;
}
#back-mysql {
  background-color: #00758f4d;
}
#back-mysql:hover {
  background-color: #00758f;
}
#back-mariadb {
  background-color: #ba72574d;
}
#back-mariadb:hover {
  background-color: #ba7257;
}
#back-mongodb {
  background-color: #4293504d;
}
#back-mongodb:hover {
  background-color: #429350;
}
#back-oracle {
  background-color: #f800004d;
}
#back-oracle:hover {
  background-color: #f80000;
}
#back-python {
  background-color: #1e415f4d;
}
#back-python:hover {
  background-color: #1e415f;
}
#back-java {
  background-color: #ed20244d;
}
#back-java:hover {
  background-color: #ed2024;
}
#back-c {
  background-color: #6396cd4d;
}
#back-c:hover {
  background-color: #6396cd;
}
#meto-kanban {
  background-color: #19689e4d;
}
#meto-kanban:hover {
  background-color: #19689e;
}
#meto-scrum {
  background-color: #772c2a4d;
}
#meto-scrum:hover {
  background-color: #772c2a;
}
#back-git {
  background-color: #f54d274d;
}
#back-git:hover {
  background-color: #f54d27;
}
#back-github {
  background-color: #24292e4d;
}
#back-github:hover {
  background-color: #24292e;
}
#back-docker {
  background-color: #2391e64d;
}
#back-docker:hover {
  background-color: #2391e6;
}
#back-ps {
  background-color: #1804654d;
}
#back-ps:hover {
  background-color: #180465;
}

#back-kotlin {
	background-color: #7F52FF4d;
  }
  #back-kotlin:hover {
	background-color: #7F52FF;
  }
  #back-postgresql {
	background-color: #3367914d;
  }
  #back-postgresql:hover {
	background-color: #336791;
  }
  #back-datadog {
	background-color: #632CA64d;
  }
  #back-datadog:hover {
	background-color: #632CA6;
  }
  #back-argocd {
	background-color: #EF5B5B4d;
  }
  #back-argocd:hover {
	background-color: #EF5B5B;
  }
  #back-github-actions {
	background-color: #2088FF4d;
  }
  #back-github-actions:hover {
	background-color: #2088FF;
  }
  @import url("https://fonts.googleapis.com/css2?family=Montserrat&family=Staatliches&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");

/* Adicionando estilos para as novas habilidades */
#back-kotlin {
  background-color: #7F52FF4d;
}
#back-kotlin:hover {
  background-color: #7F52FF;
}

#back-postgresql {
  background-color: #3367914d;
}
#back-postgresql:hover {
  background-color: #336791;
}

#back-bigquery {
  background-color: #4285F44d;
}
#back-bigquery:hover {
  background-color: #4285F4;
}

#back-databricks {
  background-color: #FF36214d;
}
#back-databricks:hover {
  background-color: #FF3621;
}

#back-typescript {
  background-color: #3178C64d;
}
#back-typescript:hover {
  background-color: #3178C6;
}

#back-springboot {
  background-color: #6DB33F4d;
}
#back-springboot:hover {
  background-color: #6DB33F;
}

#back-aws {
  background-color: #FF99004d;
}
#back-aws:hover {
  background-color: #FF9900;
}

#back-gcp {
  background-color: #34A8534d;
}
#back-gcp:hover {
  background-color: #34A853;
}

#back-restapi {
  background-color: #E44D264d;
}
#back-restapi:hover {
  background-color: #E44D26;
}