h1 {
  text-align: center !important;
}

h3 {
  font-size: 1em !important;
}

.sidebar {
  padding: 0 0 40px 0;
  top: -30px !important;
  border: 0;
  width: 23rem;
}

.sidebar h1 {
  background-color: #3b3b3b;
  padding: 0;
  margin: 0;
  line-height: 50px;
  color: white;
}

body.close .sidebar {
  width: 31rem;
  transform: translateX(-28.5rem);
}
.sidebar .sidebar-nav {
  border-right: 1px solid rgba(0, 0, 0, .07);
}

.markdown-section strong {
  color: #3A3924;
  font-weight: 900 !important;
}

.app-nav a {
  font-size: 14px;
  color: grey !important;
  transition-duration: 0.0s !important;
}

#unity {
  font-size: 3em;
  text-align: center;
  margin-top: 3em !important;
  margin-bottom: 3em !important;
  font-family: Arial, Helvetica, sans-serif;
}

#c-sharp {
  font-size: 3em;
  text-align: center;
  margin-top: 3em !important;
  margin-bottom: 3em !important;
  font-family: Arial, Helvetica, sans-serif;
}

#c {
  font-size: 3em;
  text-align: center;
  margin-top: 3em !important;
  margin-bottom: 3em !important;
  font-family: Arial, Helvetica, sans-serif;
}

img[alt=Uni] {
  display: block !important;
  margin: 3em auto !important;
  height: 150px;
  width: 150px;
}

img[alt=Cpp] {
  display: block !important;
  margin: 3em auto !important;
  height: 150px;
  width: 150px;
}

img[alt=Cs] {
  display: block !important;
  margin: 3em auto !important;
  height: 150px;
  width: 150px;
}

img[alt=Unr] {
  display: block !important;
  margin: 3em auto !important;
  height: 150px;
  width: 150px;
}

img[alt=Js] {
  display: block !important;
  margin: 3em auto !important;
  height: 150px;
  width: 250px;
}
article p img{
  display:block;
  margin:auto;
}
.sketchfab-embed-wrapper iframe {
  display: block;
  margin: auto;
}
.apiPrueba {
  margin-right: 1em !important;
  padding-right: 7em !important;
  border-width: 0px !important;
  border-color: white;
  overflow: hidden !important;
}
p{
  text-align: justify;
}
.content {
  margin-top: 4em !important;
}

body.close .content {
  left: 0 !important;
}

.sidebar {
  margin-top: 7.5em !important;
}

.markdown-section li {
  margin-bottom: 1em !important;
}

/* NAVEGACIÓN */

.app-nav a.active {
  border-bottom: 0 !important;
}

.navigation {
  list-style: none !important;
  position: fixed;
  top: 0;
  width: 100%;
  margin: 0 !important;
  background: #3b3b3b !important;
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: center !important;
  justify-content: space-around !important;
  height: 45px !important;
  padding: 0;
}

.navigation li {
  margin: 0.5vw;
}

.navigation1 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
  padding-left: 0 !important;
  margin-left: 5px;
}

.navigation1 .home-link {
  line-height: 45px;
  padding: 0;
}

.navigation1 .logoND {
  padding: 0;
  margin: auto inherit;
  margin-left: 45px;
}

.navigation2 {
  margin: auto !important;
  margin-top: 2px !important;
  margin-bottom: 2px !important;
  padding-left: 0;
}

.navigation2>* {
  padding: 0 10px;
}

.navigation3 {
  box-sizing: border-box;
  width: 14vw;
  padding: 0;
  margin-top: 2px !important;
  margin-bottom: 2px !important;
  margin-right: 45px !important;
}

.navigation a {
  text-decoration: none !important;
  display: block !important;
  color: white !important;
}

.navigation a:hover {
  color: #1dcad3 !important;
}

.logoND {
  order: 1 !important;
}

#boton04 {
  margin: 0 0;
  margin-left: 4px !important;
  top: -9px;
  left: -12px
}

#boton04 a {
  font-size: 15px !important;
}

.logoND a {
  margin: auto !important;
  padding: auto !important;
}

#home h3 {
  text-align: center;
}

.loginND2 {
  display: none !important;
}

.list-group-item {
  background-color: #3b3b3b;
  border: none !important;
  padding: 0em !important;
}

.list-inline {
  align-items: center !important;
  align-content: center !important;
}

.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: center;
}

.flex-item {
  background: white;
  padding: 5px;
  margin-top: 10px;
  line-height: 150px;
  color: white;
  font-weight: bold;
  font-size: 3em;
  text-align: center;
}

.flex-item img {
  border-style: solid !important;
  border-width: 2px !important;
  border-color: white !important;
  border-radius: 5px !important;
}

.flex-item img:hover {
  border-color: #1dcad3 !important;
}

.navbar-header {
  align-items: center !important;
}

.flex-container {
  margin: auto !important;
}

.col-md-10 h3 {
  max-width: 660px !important;
  margin: auto !important;
  margin-bottom: 2em !important;
}

#home-list {
  padding-left: 0;
}

#home h1 {
  font-family: 'Lato';
  font-size: 50px;
  font-weight: 300;
}

#home h3 {
  font-family: 'Lato';
  font-size: 18px !important;
}

@media screen and (max-width: 768px) {
  /* modificando NAV */
  .navigation {
    -webkit-flex-flow: column wrap !important;
    flex-flow: column wrap !important;
    padding: 0 !important;
    height: auto !important;
    align-items: flex-start !important;
  }
  .app-nav li {
    min-width: 10px;
  }
  .navigation a {
    padding: 10px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    display: inline-block !important;
  }
  .navigation1 {
    margin: auto !important;
    justify-content: center !important;
    padding-left: 0px !important;
  }
  .navigation2 {
    margin: auto !important;
    justify-content: center !important;
    padding-left: 0px !important;
  }

  .navigation2 a{
    border: none !important;
  }
  .navigation3 {
    width: 20vw;
    margin: auto !important;
    justify-content: center !important;
    padding-left: 0px !important;
  }
  .navigation li:last-of-type a {
    border-bottom: none !important;
  }
  .navigation3 {
    display: none !important;
  }

  .navigation1 a {
    border: none !important;
  }

  .loginND2 {
    display: inline !important;
    min-width: 80px !important
  }
  .app-nav {
    text-align: center !important;
    position: unset;
    margin:unset;
  }

  #boton04 {
    margin-left: -14px !important;
  }
}

@media all and (max-width: 620px) {
  .content {
    margin-top: 120px !important;
  }
}

@media all and (max-width: 386px) {
  .content {
    margin-top: 190px !important;
  }

}

/*Diego*/
/*ya existe, añadirlo luego*/
.content {
  left: 23rem !important;
}
/*Cambiamos el tamaño del boton de menu al tamaño que ocupe*/
.sidebar-toggle {
  width: unset;
  top: 45px;
  left: 331px;
  bottom: unset;
}
.sidebar-toggle span {
  background-color: var(--theme-color,#3B3B3B)
}

body.close .sidebar-toggle {
  left: 0px;
}
/*La pagina home */
body[data-page="home.html"] > main > section{
  left:0 !important;
}

@media screen and (max-width: 768px){
  body.close .sidebar-toggle {
      width: unset;
      left:0;
  }
  body.close .content {
      -webkit-transform: unset;
      transform: unset;
  }
  /*impedimos que se oculte el nav al ocultar el menu*/
  body.close .app-nav, body.close .github-corner {
      display: unset;
  }
  .sidebar{
      left: 0rem;
  }
  .sidebar .sidebar-nav {
    padding-bottom: 0px;
    -webkit-box-shadow: 0px 4px 3px -2px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 4px 3px -2px rgba(0,0,0,0.15);
    box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.15);
    margin-bottom: 5px;
  }
  .navigation {
    position: unset;
    height: unset;
  }
  .app-nav.no-badge {
    margin-right: unset;
  }
  /* Modificamos sidebar-toggle (boton menu) */

  .sidebar-toggle {
    /* position: unset !important; */
    position:absolute!important;
    top: 0px;
  }

  /* Modificamos sidebar (menu) */
  .sidebar{
    position: unset !important;
    margin:unset !important;
  }
  .sidebar .sidebar-nav {
    padding-top: 36px;
  }
  /*Cuando la barra este oculta ponemos el tamaño a 0*/
  body.close > main > aside{
    height: 0;
    margin:0;
  }
  body > main > aside{
    padding:0!important;
  }
  

  /* Modificamos section.content */
  body > main > section.content{
    margin:0 !important;
    padding-top:0;
  }

  /*añadimos un borde divisor entre el menu y el iframe*/
  body.close section > article{
    border-top:1px solid #3B3B3B;
    padding-top:0;
    margin-top:40px;
  }

  .navigation1 .logoND {
    margin-left: 0;
  }

}
@media screen and (max-width: 425px){
  #home h1 {
    font-size: 33px;
  }
}