.elementor-208 .elementor-element.elementor-element-dd93271{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:20%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-208 .elementor-element.elementor-element-fe31268{width:var( --container-widget-width, 36.573% );max-width:36.573%;--container-widget-width:36.573%;--container-widget-flex-grow:0;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;color:#4831D4;}.elementor-208 .elementor-element.elementor-element-fe31268.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-208 .elementor-element.elementor-element-fe31268 a{color:#4831D4;}.elementor-208 .elementor-element.elementor-element-34d72e6{width:var( --container-widget-width, 38.089% );max-width:38.089%;--container-widget-width:38.089%;--container-widget-flex-grow:0;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;color:#4831D4;}.elementor-208 .elementor-element.elementor-element-34d72e6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-208 .elementor-element.elementor-element-34d72e6 a{color:#4831D4;}.elementor-208 .elementor-element.elementor-element-5d08b15{width:var( --container-widget-width, 44.878% );max-width:44.878%;--container-widget-width:44.878%;--container-widget-flex-grow:0;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;color:#4831D4;}.elementor-208 .elementor-element.elementor-element-5d08b15.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-208 .elementor-element.elementor-element-5d08b15 a{color:#4831D4;}.elementor-208 .elementor-element.elementor-element-67afb67{--spacer-size:0px;}.elementor-208 .elementor-element.elementor-element-ccba046{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;letter-spacing:3.5px;color:#B0A4D7;}.elementor-208 .elementor-element.elementor-element-0213b7b{width:var( --container-widget-width, 71.394% );max-width:71.394%;--container-widget-width:71.394%;--container-widget-flex-grow:0;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;color:#4831D4;}.elementor-208 .elementor-element.elementor-element-0213b7b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-208 .elementor-element.elementor-element-0213b7b a{color:#4831D4;}.elementor-208 .elementor-element.elementor-element-9887dc0{width:var( --container-widget-width, 56.8% );max-width:56.8%;--container-widget-width:56.8%;--container-widget-flex-grow:0;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;color:#4831D4;}.elementor-208 .elementor-element.elementor-element-9887dc0.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-208 .elementor-element.elementor-element-9887dc0 a{color:#4831D4;}#elementor-popup-modal-208 .dialog-widget-content{animation-duration:0.4s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);margin:1% 3% 0% 0%;}#elementor-popup-modal-208 .dialog-message{width:500px;height:auto;padding:0% 0% 10% 10%;}#elementor-popup-modal-208{justify-content:flex-end;align-items:flex-start;}@media(max-width:767px){.elementor-208 .elementor-element.elementor-element-dd93271{--width:100vw;--min-height:100vh;--gap:30px 0px;--row-gap:30px;--column-gap:0px;--padding-top:30%;--padding-bottom:35%;--padding-left:15%;--padding-right:15%;}.elementor-208 .elementor-element.elementor-element-fe31268{width:var( --container-widget-width, 158.89px );max-width:158.89px;--container-widget-width:158.89px;--container-widget-flex-grow:0;}.elementor-208 .elementor-element.elementor-element-34d72e6{width:var( --container-widget-width, 167.806px );max-width:167.806px;--container-widget-width:167.806px;--container-widget-flex-grow:0;}.elementor-208 .elementor-element.elementor-element-5d08b15{width:var( --container-widget-width, 168.796px );max-width:168.796px;--container-widget-width:168.796px;--container-widget-flex-grow:0;}.elementor-208 .elementor-element.elementor-element-0213b7b{width:var( --container-widget-width, 304.379px );max-width:304.379px;--container-widget-width:304.379px;--container-widget-flex-grow:0;}.elementor-208 .elementor-element.elementor-element-9887dc0{width:var( --container-widget-width, 239.806px );max-width:239.806px;--container-widget-width:239.806px;--container-widget-flex-grow:0;}#elementor-popup-modal-208 .dialog-widget-content{margin:0% 0% 0% 0%;}#elementor-popup-modal-208 .dialog-message{padding:0% 0% 0% 0%;}}/* Start custom CSS for text-editor, class: .elementor-element-fe31268 */.menu-work {
  position: relative;
  display: inline-block;
  color: #c2f750; /* color de texto (como olaolu.dev) */
  text-decoration: none;
  font-weight: 600;
  z-index: 0;
  line-height: 1.2;
  padding: 0.2em 0.4em; /* para que el fondo tenga algo de margen */
}

.menu-work::before {
  content: '';
  position: absolute;
  top: 0;
  left: 75%;
  width: 0;
  height: 90%;
  background-color: #4831D4; /* semitransparente */
  opacity: 20%;
  transition: width 0.4s ease;
  z-index: -1;
  transform: translateX(-30%);
  border-radius: 0px;
}

.menu-work:hover::before {
  left: 75%;
  width: 25%;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-34d72e6 */.menu-shelf {
  position: relative;
  display: inline-block;
  color: #c2f750; /* color de texto (como olaolu.dev) */
  text-decoration: none;
  font-weight: 600;
  z-index: 0;
  line-height: 1.2;
  padding: 0.2em 0.4em; /* para que el fondo tenga algo de margen */
}

.menu-shelf::before {
  content: '';
  position: absolute;
  top: 0;
  left: 75%;
  width: 0;
  height: 90%;
  background-color: #4831D4; /* semitransparente */
  opacity: 20%;
  transition: width 0.4s ease;
  z-index: -1;
  transform: translateX(-30%);
  border-radius: 0px;
}

.menu-shelf:hover::before {
  left: 75%;
  width: 25%;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5d08b15 */.menu-cv {
  position: relative;
  display: inline-block;
  color: #c2f750; /* color de texto (como olaolu.dev) */
  text-decoration: none;
  font-weight: 600;
  z-index: 0;
  line-height: 1.2;
  padding: 0.2em 0.4em; /* para que el fondo tenga algo de margen */
}

.menu-cv::before {
  content: '';
  position: absolute;
  top: 0;
  left: 60%;
  width: 0;
  height: 90%;
  background-color: #4831D4; /* semitransparente */
  opacity: 20%;
  transition: width 0.4s ease;
  z-index: -1;
  transform: translateX(-30%);
  border-radius: 0px;
}

.menu-cv:hover::before {
  left: 60%;
  width: 35%;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0213b7b */.menu-email {
  position: relative;
  display: inline-block;
  color: #c2f750; /* color de texto (como olaolu.dev) */
  text-decoration: none;
  font-weight: 600;
  z-index: 0;
  line-height: 1.2;
  padding: 0.2em 0.4em; /* para que el fondo tenga algo de margen */
}

.menu-email::before {
  content: '';
  position: absolute;
  top: 0;
  left: 60%;
  width: 0;
  height: 90%;
  background-color: #4831D4; /* semitransparente */
  opacity: 20%;
  transition: width 0.4s ease;
  z-index: -1;
  transform: translateX(-30%);
  border-radius: 0px;
}

.menu-email:hover::before {
  left: 65%;
  width: 35%;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9887dc0 */.menu-wa {
  position: relative;
  display: inline-block;
  color: #c2f750; /* color de texto (como olaolu.dev) */
  text-decoration: none;
  font-weight: 600;
  z-index: 0;
  line-height: 1.2;
  padding: 0.2em 0.4em; /* para que el fondo tenga algo de margen */
}

.menu-wa::before {
  content: '';
  position: absolute;
  top: 0;
  left: 60%;
  width: 0;
  height: 90%;
  background-color: #4831D4; /* semitransparente */
  opacity: 20%;
  transition: width 0.4s ease;
  z-index: -1;
  transform: translateX(-30%);
  border-radius: 0px;
}

.menu-wa:hover::before {
  left: 65%;
  width: 35%;
}/* End custom CSS */