/*
Theme Name: Portafolio
Theme URI: http://urldeltema
Description: portafolio
Author: Nicolas-leal
Author URI: dirección web del autor
Version: 0.1
License: GNU General Public License (u otra)
Tags: etiquetas que ayuden a indexar el tema
*/
:root {
  --theme-color: white;
  --primary-color: #124f88;
  --secundary-color: #f7c331;
  --text-color-inverse: white;
  --text-color: black;
  --navbar-shallow-color: #e5e5e5;
  --menu-mobile-background-color: #3a4460;
}

html {
  scroll-behavior: smooth;
}

section[id] {
  scroll-margin-top: 70px;
}

body {
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  background-color: var(--theme-color);
  color: var(--text-color);
  padding-top: 60px;
  background-image: url(img/wallpaper.jpg);
}

a {
  text-decoration: none;
  color: var(--text-color);
}

.horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}

@media (min-width: 950px) {
  .horizontal-padding {
    padding-left: 70px;
    padding-right: 70px;
  }
  .vertical-padding {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

.image-between {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
}

.image-between img {
  max-width: 100%;
  height: auto;
  margin-top: -12%;
  margin-bottom: -5%;
}