body #content .main .sobreMi .pCuatro p>a,
body .side .fade li a,
body header .nav .dAwNpJ .dSbVSd ol a,body header .nav .list ol li a{
    text-decoration:none;
    text-decoration-skip-ink:auto;
}

*,::after,::before{
    margin:0;
    padding:0;
    -webkit-box-sizing:border-box!important;
    box-sizing:border-box!important;
}
:root{
    --c-blue-900:#081030;
    --c-blue-800:#111b40;
    --c-blue-700:#152148;
    --c-blue-500:#1d7bdb;
    --c-blue-300:#293359;
    --c-blue-200:#4e5985;
    --c-blue-100:#dfe8ff;
    --c-green-400:#ebff05;
}
h1,h2,h3,h4,h5{
    margin:0 0 10px;
    font-weight:600;
    color:#ccd6f6;
    line-height:1.1;
}
body {
    height:400vh;
    font-family:calibre,Inter,sans-serif;
    width:100%;
    min-height:100%;
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
    margin:0;
    padding:0;
    color:#8892b0;
    font-size:20px;
    line-height:1.3;
    background-color: black;
}
body header .nav,body header .nav .dAwNpJ .dSbVSd .resume-link,
body header .nav .dAwNpJ .dSbVSd nav,body header .nav .list .cv {
    font-family:SFmono,"Roboto Mono",monospace;
}
.blur {
    overflow:hidden;
}
body::-webkit-scrollbar {
    width:12px;
}
body::-webkit-scrollbar-track {
    background:#0a192f;
}
body::-webkit-scrollbar-thumb {
    background-color:#495670;
    border:2px solid #0a192f;
    border-radius:5px;
}
::-moz-selection {
    background-color:#233554;
    color:#ccd6f6;
}
::selection {
    background-color:#233554;
    color:#ccd6f6;
}
a {
    text-decoration:none;
}
body header {
    padding:0 30px;
    position:fixed;
    width:100%;
    -webkit-backdrop-filter:blur(20px);
    backdrop-filter:blur(20px);
    z-index:99;
    background-color:rgba(10, 25, 47, 0.9);
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition:all .25s cubic-bezier(.645,.045,.355,1);
    transition:all .25s cubic-bezier(.645,.045,.355,1);
}
body header .nav,body header .nav .list ol li a {
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition:all .25s cubic-bezier(.645,.045,.355,1);
}
body header .nav {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    top:0;
    z-index:11;
    width:100%;
    background-color:rgba(10,25,47,.85);
    transition:all .25s cubic-bezier(.645,.045,.355,1);
    -webkit-filter:none!important;
    filter:none!important;
    pointer-events:auto!important;
    -webkit-user-select:auto!important;
    -moz-user-select:auto!important;
    -ms-user-select:auto!important;
    user-select:auto!important;
    height:100px;
}
body header .nav .logo #logo {
    width:75px;
    height:75px;
    background-color:#ffffff;
    border-radius: 8px;
    transition: width 0.3s ease, height 0.3s ease, border 0.3s ease;
}
body header .nav .logo #logo:hover:not(.small-logo) {
    transform: scale(1.1);
    cursor: pointer;
}

body header .nav .logo #logo.small-logo {
  width: 45px;
  height: 45px;
}
body header .nav .logo #logo.small-logo:hover {
  transform: scale(1.2);
  border: 2px solid rgba(255, 255, 255, 0.3);
  cursor: pointer;
}
body header .nav .list {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    color: white;
}
@media (max-width:768px){
    body header .nav .list {
        display:none;
    }
}
body header .nav .list ol {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:0;
    margin:0;
    list-style:none;
}
body header .nav .list ol li {
    margin:0 5px;
    position:relative;
    counter-increment:item 1;
    font-size:15px;
}
body header .nav .list ol li a {
    display:inline-block;
    -webkit-text-decoration-skip:ink;
    color:inherit;
    position:relative;
    transition:all .25s cubic-bezier(.645,.045,.355,1);
}
body header .nav .list ol li a::before {
    content:"0" counter(item) ".";
    margin-right:5px;
    color:#ebff05;
    font-size:12px;
    text-align:right;
}
body header .nav .list ol li a:hover {
    color:#ebff05;
    font-size: 16px;
    margin-right: 15px;
}
@property --rotate {
    syntax: "<angle>";
    initial-value: 132deg;
    inherits: false;
}
body header .nav .list .cv1 {
    color:#ebff05;
    background: linear-gradient(var(--rotate), #efd410, #649f1b, #953535, #00c257,#ebff05);;
    background-origin: border-box;
    border:2px solid transparent;
    border-radius:10px;
    padding:1.2rem .2rem;
    text-decoration:none;
    cursor:pointer;
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition:all .25s cubic-bezier(.645,.045,.355,1);
    transition:all .25s cubic-bezier(.645,.045,.355,1);
    margin-left:15px;
    font-size:15px;
    -webkit-animation: spin 1.5s linear infinite;
    -moz-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;

}
body header .nav .list .cv {
    color:#ebff05;
    background: rgba(10,25,47);
    padding:1rem 1rem;
    cursor:pointer;
    border-radius:10px;
}
body header .nav .list .cv:hover {
    background:rgba(235,255,5,0.5);
    transition: color 1s;
    color: #081030;
    font-size: 20px;
    font-weight: bolder;
    animation: none;
}
body header .nav .list .cv1:hover {
    animation: none;
}

@keyframes spin {
    0% {
      --rotate: 0deg;
    }
    100% {
      --rotate: 360deg;
    }
}
body header .nav .dAwNpJ {
    display:none;
}
@media (max-width:768px) {
    body header .nav .dAwNpJ {
        display:block;
    }
}

body header .nav .dAwNpJ .eCxtrN {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative;
    z-index:10;
    margin-right:-15px;
    padding:15px;
    border:0;
    background-color:transparent;
    color:inherit;
    text-transform:none;
    -webkit-transition-timing-function:linear;
    -o-transition-timing-function:linear;
    transition-timing-function:linear;
    -webkit-transition-duration:.15s;
    -o-transition-duration:.15s;
    transition-duration:.15s;
    -webkit-transition-property:opacity,-webkit-filter;
    -o-transition-property:opacity,filter;
    transition-property:opacity,filter;
    transition-property:opacity,filter,-webkit-filter;
}

body header .nav .dAwNpJ .eCxtrN .ham-box-inner {
    position:absolute;
    top:50%;
    right:0;
    width:30px;
    height:2px;
    border-radius:10px;
    background-color:#ebff05;
    -webkit-transition:-webkit-transform .22s cubic-bezier(.55,.055,.675,.19) 0s;
    -o-transition:transform .22s cubic-bezier(.55,.055,.675,.19) 0s;
    transition:transform .22s cubic-bezier(.55,.055,.675,.19) 0s;
    transition:transform .22s cubic-bezier(.55,.055,.675,.19) 0s,-webkit-transform .22s cubic-bezier(.55,.055,.675,.19) 0s;-webkit-transform:rotate(0);
    -ms-transform:rotate(0);
    transform:rotate(0);
}

body header .nav .dAwNpJ .eCxtrN .ham-box-inner::after,
body header .nav .dAwNpJ .eCxtrN .ham-box-inner::before {
    content:"";
    display:block;
    position:absolute;
    left:auto;
    right:0;
    width:30px;
    height:2px;
    border-radius:4px;
    background-color:#ebff05;
    -webkit-transition-timing-function:ease;
    -o-transition-timing-function:ease;
    transition-timing-function:ease;
    -webkit-transition-duration:.15s;
    -o-transition-duration:.15s;
    transition-duration:.15s;
    -webkit-transition-property:-webkit-transform;
    -o-transition-property:transform;
    transition-property:transform;
    transition-property:transform,-webkit-transform;
}

body header .nav .dAwNpJ .eCxtrN .ham-box-inner::before {
    width:120%;
    top:-10px;
    opacity:1;
    -webkit-transition:top .1s ease-in .25s,opacity .1s ease-in;
    -o-transition:top .1s ease-in .25s,opacity .1s ease-in;
    transition:top .1s ease-in .25s,opacity .1s ease-in;
}

body header .nav .dAwNpJ .eCxtrN .ham-box-inner::after {
    width:80%;
    bottom:-10px;
    -webkit-transform:rotate(0);
    -ms-transform:rotate(0);
    transform:rotate(0);
    -webkit-transition:bottom .1s ease-in .25s,-webkit-transform .22s cubic-bezier(.55,.055,.675,.19);
    -o-transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19);
    transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19);
    transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19),-webkit-transform .22s cubic-bezier(.55,.055,.675,.19);
}

body header .nav .dAwNpJ .eCxtrN .ham-box {
    display:inline-block;
    position:relative;
    width:30px;
    height:24px;
}

body header .nav .dAwNpJ .dKogfI {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:fixed;
    top:0;
    bottom:0;
    right:0;
    padding:50px 10px;
    width:min(75vw,400px);
    height:100vh;
    outline:0;
    background-color:var(--light-navy);
    -webkit-box-shadow:-10px 0 30px -15px var(--navy-shadow);
    box-shadow:-10px 0 30px -15px var(--navy-shadow);
    z-index:9;
    -webkit-transform:translateX(100vw);
    -ms-transform:translateX(100vw);
    transform:translateX(100vw);
    visibility:hidden;
    -webkit-transition:var(--transition);
    -o-transition:var(--transition);
    transition:var(--transition);
}

body header .nav .dAwNpJ .eVRjg {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative;
    z-index:10;
    margin-right:-15px;
    padding:15px;
    border:0;
    background-color:transparent;
    color:inherit;
    text-transform:none;
    -webkit-transition-timing-function:linear;
    -o-transition-timing-function:linear;
    transition-timing-function:linear;
    -webkit-transition-duration:.15s;
    -o-transition-duration:.15s;
    transition-duration:.15s;
    -webkit-transition-property:opacity,-webkit-filter;
    -o-transition-property:opacity,filter;
    transition-property:opacity,filter;
    transition-property:opacity,filter,-webkit-filter;
}

body header .nav .dAwNpJ .eVRjg .ham-box {
    display:inline-block;
    position:relative;
    width:30px;
    height:24px;
}
body header .nav .dAwNpJ .eVRjg .ham-box-inner {
    position:absolute;
    top:50%;
    right:0;
    width:30px;
    height:2px;
    border-radius:10px;
    background-color:#ebff05;
    -webkit-transition:-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s;
    -o-transition:transform .22s cubic-bezier(.215,.61,.355,1) .12s;
    transition:transform .22s cubic-bezier(.215,.61,.355,1) .12s;
    transition:transform .22s cubic-bezier(.215,.61,.355,1) .12s,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s;-webkit-transform:rotate(225deg);
    -ms-transform:rotate(225deg);
    transform:rotate(225deg);
}

body header .nav .dAwNpJ .eVRjg .ham-box-inner::after,
body header .nav .dAwNpJ .eVRjg .ham-box-inner::before {
    content:"";
    display:block;
    position:absolute;
    left:auto;
    right:0;
    width:30px;
    height:2px;
    border-radius:4px;
    background-color:#ebff05;
    -webkit-transition-timing-function:ease;
    -o-transition-timing-function:ease;
    transition-timing-function:ease;
    -webkit-transition-duration:.15s;
    -o-transition-duration:.15s;
    transition-duration:.15s;
    -webkit-transition-property:-webkit-transform;
    -o-transition-property:transform;
    transition-property:transform;
    transition-property:transform,-webkit-transform;
}
body header .nav .dAwNpJ .eVRjg .ham-box-inner::before {
    width:100%;
    top:0;
    opacity:0;
    -webkit-transition:top .1s ease-out,opacity .1s ease-out .12s;
    -o-transition:top .1s ease-out,opacity .1s ease-out .12s;
    transition:top .1s ease-out,opacity .1s ease-out .12s;
}

body header .nav .dAwNpJ .eVRjg .ham-box-inner::after {
    width:100%;
    bottom:0;
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg);
    -webkit-transition:bottom .1s ease-out,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s;
    -o-transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;
    transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;
    transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s;
}

body header .nav .dAwNpJ .dSbVSd {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:fixed;
    top:0!important;
    bottom:0!important;
    right:0!important;
    padding:50px 10px;
    width:min(75vw,400px);
    height:100vh;
    outline:0;
    background-color:#112240;
    -webkit-box-shadow:-10px 0 30px -15px rgba(2,12,27,.7);
    box-shadow:-10px 0 30px -15px rgba(2,12,27,.7);
    z-index:9;
    -webkit-transform:translateX(0vw);
    -ms-transform:translateX(0vw);
    transform:translateX(0vw);
    visibility:visible;
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition:all .25s cubic-bezier(.645,.045,.355,1);
    transition:all .25s cubic-bezier(.645,.045,.355,1);
}


body header .nav .dAwNpJ .dSbVSd nav {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    color:#ccd6f6;
    text-align:center;
}
body header .nav .dAwNpJ .dSbVSd ol {
    padding:0;
    margin:0;
    list-style:none;
    width:100%;
}

body header .nav .dAwNpJ .dSbVSd ol li {
    position:relative;
    margin:0 auto 20px;
    counter-increment:item 1;
    font-size:clamp(14px,4vw,20px);
}

body header .nav .dAwNpJ .dSbVSd ol li::before {
    content:"0" counter(item) ".";
    display:block;
    margin-bottom:5px;
    color:#ebff05;
    font-size:14px;
}
body header .nav .dAwNpJ .dSbVSd ol a {
    display:inline-block;
    -webkit-text-decoration-skip:ink;
    color:inherit;
    position:relative;
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition:all .25s cubic-bezier(.645,.045,.355,1);
    transition:all .25s cubic-bezier(.645,.045,.355,1);
    width:100%;
    padding:3px 20px 20px;
}

body header .nav .dAwNpJ .dSbVSd .resume-link {
    color:#ebff05;
    background-color:transparent;
    border:1px solid #ebff05;
    border-radius:10px;
    font-size:14px;
    line-height:1;
    text-decoration:none;
    cursor:pointer;
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition:all .25s cubic-bezier(.645,.045,.355,1);
    transition:all .25s cubic-bezier(.645,.045,.355,1);
    padding:18px 50px;
    margin:10% auto 0;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
}


body .rightBar .fade a,body .side .fade li a .feather {
    -o-transition:all .25s cubic-bezier(.645,.045,.355,1);
}
body .side {
    width:40px;
    position:fixed;
    bottom:0;
    left:40px;
    right:auto;
    z-index:10;
    color:#a8b2d1;
}

@media (max-width:768px) {
    body .side {
        display:none!important;
    }
}

body .side .fade {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin:0;
    padding:0;
    list-style:none;
}

body .side .fade li a {
    display:inline-block;
    -webkit-text-decoration-skip:ink;
    position:relative;
    color:#a8b2d1;
    padding:10px;
}

body .side .fade li a .feather {
    width:20px;
    height:20px;
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    transition:all .25s cubic-bezier(.645,.045,.355,1);
}

body #content .main .sobreMi .pOne h1,body .rightBar .fade a {
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    font-family:SFmono,"Roboto Mono",monospace;
}

body .side .fade li a:hover .feather {
    color:#ebff05;
    -webkit-transform:translateY(-5px);
    -ms-transform:translateY(-5px);
    transform:translateY(-5px);
}

body .side .fade::after {
    content:"";
    display:block;
    width:1px;
    height:90px;
    margin:0 auto;
    background-color:#a8b2d1;
}

body .rightBar {
    width:40px;
    position:fixed;
    bottom:0;
    left:auto;
    right:40px;
    z-index:10;
    color:#a8b2d1;
}

@media (max-width:768px) {
    body .rightBar {
        display:none!important;
    }
}

body .rightBar .fade {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative;
}

body .rightBar .fade a {
    margin:20px auto;
    padding:10px;
    font-size:12px;
    line-height:18px;
    letter-spacing:.1em;
    -webkit-writing-mode:vertical-rl;
    -ms-writing-mode:tb-rl;
    writing-mode:vertical-rl;
    color:inherit;
    text-decoration:none;
    transition:all .25s cubic-bezier(.645,.045,.355,1);
}

body .rightBar .fade a:hover {
    color:#ebff05;
    -webkit-transform:translateY(-5px);
    -ms-transform:translateY(-5px);
    transform:translateY(-5px);
}

body .rightBar .fade::after {
    content:"";
    display:block;
    width:1px;
    height:90px;
    margin:0 auto;
    background-color:#a8b2d1;
}

body #content .main {
    margin:0 auto;
    width:100%;
    max-width:1600px;
    min-height:100vh;
    padding:0 150px;
    background-color: black;
}
    
@media (max-width:768px) {
    body #content .main {
        padding:0 40px;
    }
}
body #content .main .sobreMi {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    min-height:100vh;
    padding:0;
}

body #content .main .sobreMi .pOne h1 {
    margin:0 0 30px 4px;
    color:#ebff05;
    font-size:clamp(14px,5vw,16px);
    font-weight:400;
    -o-transition:all .25s cubic-bezier(.645,.045,.355,1);
    transition:all .25s cubic-bezier(.645,.045,.355,1);
}

body #content .main .sobreMi .pDos h2 {
    margin:0;
    font-size:clamp(63px,12vw,100px);
    color: #000;
    text-shadow: -1px -1px 0 #d8d50e, 7px -1px 0 #d8d50e, -1px 1px 0 #d8d50e, 7px 1px 0 #d8d50e;
}

body #content .main .sobreMi .pTres h3 {
    margin-top:10px;
    color:#d5f1d3;
    line-height:.9;
    font-size:clamp(20px,8vw,40px);
}

body #content .main .sobreMi .pCuatro p {
    margin:20px 0 0;
    max-width:540px;
}

body #content .main .sobreMi .pCuatro p>a {
    display:inline-block;
    -webkit-text-decoration-skip:ink;
    position:relative;
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition:all .25s cubic-bezier(.645,.045,.355,1);
    transition:all .25s cubic-bezier(.645,.045,.355,1);
    color:#ebff05;
}

body #content .main .about .inner .pD p>a,
body #content .main .sobreMi .pCinco a {
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition:all .25s cubic-bezier(.645,.045,.355,1);
    position:relative;
    text-decoration:none;
    color:#ebff05;
    -webkit-text-decoration-skip:ink;
    text-decoration-skip-ink:auto;
    
}

body #content .main .sobreMi .pCinco a {
    background:0 0;
    border:1px solid #ebff05;
    border-radius:10px;
    padding:1.25rem 1.75rem;
    font-size:14px;
    font-family:SFmono,"Roboto Mono",monospace;
    line-height:1;
    cursor:pointer;
    transition:all .25s cubic-bezier(.645,.045,.355,1);
    margin-top:50px;
    display:inline-block;
}

body #content .main .sobreMi .pCinco a:hover {
    background:rgba(235,255,5,.1);
}
.pCinco{
    z-index: 3;
}
body #content .main .about {
    margin:0 auto;
    padding:100px 0;
    width:100%;
}

body #content .main .about .numbered-heading {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative;
    margin:10px 0 40px;
    width:100%;
    font-size:clamp(26px,5vw,32px);
    white-space:nowrap;
}

body #content .main .about .numbered-heading::before {
    position:relative;
    bottom:4px;
    counter-increment:section 1;
    content:"0" counter(section) ".";
    margin-right:10px;
    color:#ebff05;
    font-family:SFmono,"Roboto Mono",monospace;
    font-size:clamp(16px,3vw,20px);
    font-weight:400;
}


body #content .main .about .numbered-heading::after {
    content:"";
    display:block;
    position:relative;
    top:-5px;
    width:300px;
    height:1px;
    margin-left:20px;
    background-color:#233554;
}

body #content .main .about .inner {
    display:-ms-grid;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));
    justify-items:center;
    grid-auto-flow:dense;
    gap:50px;
    margin-left: 4rem;
}

body #content .main .about .inner .pD p {
    font-size:16px;
    margin:0 0 15px;
    color: #d5f1d3;
}

body #content .main .about .inner .pD p>a {
    display:inline-block;
    transition:all .25s cubic-bezier(.645,.045,.355,1);
}

body #content .main .about .inner .pD p>a::after {
    content:"";
    display:block;
    width:0%;
    height:1px;
    position:relative;
    bottom:.37em;
    background-color:#ebff05;
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition:all .25s cubic-bezier(.645,.045,.355,1);
    transition:all .25s cubic-bezier(.645,.045,.355,1);
    opacity:.5;
}

body #content .main .about .inner .pD p>a:hover:after {
    content:"";
    display:block;
    width:100%;
    height:1px;
    position:relative;
    bottom:.37em;
    background-color:#ebff05;
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition:all .25s cubic-bezier(.645,.045,.355,1);
    transition:all .25s cubic-bezier(.645,.045,.355,1);
    opacity:.5;
}

body #content .main .about .inner .pD .skills-list {
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:minmax(140px,200px) 10px minmax(140px,200px);
    grid-template-columns:repeat(2,minmax(140px,200px));
    gap:0 10px;
    padding:0;
    margin:20px 0 0;
    overflow:hidden;
    list-style:none;
}

body #content .main .about .inner .pD .skills-list li {
    position:relative;
    margin-bottom:10px;
    padding-left:20px;
    font-family:SFmono,"Roboto Mono",monospace;
    font-size:16px;
    color: #d5f1d3;
}

body #content .main .about .inner .pD .skills-list li::before {
    content:"▹";
    position:absolute;
    left:0;
    color:#ebff05;
    top: 2rem;
    font-size:14px;
    line-height:12px;
}

body #content .main .about .inner .image {
    position:relative;
    max-width:300px;
    border-radius:10px;
}

body #content .main .about .inner .image .wrapper {
    -webkit-box-shadow:0 10px 30px -15px rgba(2,12,27,.7);
    box-shadow:0 10px 30px -15px rgba(2,12,27,.7);
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition:all .25s cubic-bezier(.645,.045,.355,1);
    transition:all .25s cubic-bezier(.645,.045,.355,1);
    display:block;
    position:relative;
    width:100%;
    background-color:#ebff05;
    border-radius:10px!important;
}
.image {
    z-index: 3;
}
.img {
    z-index: 3;
}
.wrapper {
    z-index: 3;
}
body #content .main .about .inner .image .wrapper::before {
    top:0;
    left:0;
    background-color:#0a192f;
    mix-blend-mode:screen;
    border-radius:10px;
}

body #content .main .about .inner .image .wrapper::after {
    border:2px solid #ebff05;
    top:20px;
    left:20px;
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition:all .25s cubic-bezier(.645,.045,.355,1);
    transition:all .25s cubic-bezier(.645,.045,.355,1);
    border-radius:10px;
}

body #content .main .about .inner .image .wrapper:hover::after {
    top:10px;
    border-radius:10px;
    left:10px;
}

body #content .main .about .inner .image .wrapper:hover .img {
    mix-blend-mode:normal;
    -webkit-filter:grayscale(0);
    filter:grayscale(0);
    border-radius:10px;
}

body #content .main .about .inner .image .wrapper:hover .img picture img {
    border-radius:10px;
}

body #content .main .about .inner .image .wrapper .img {
    position:relative;
    mix-blend-mode:multiply;
    -webkit-filter:grayscale(100%) contrast(1);
    filter:grayscale(100%) contrast(1);
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition:all .25s cubic-bezier(.645,.045,.355,1);
    transition:all .25s cubic-bezier(.645,.045,.355,1);
    width:100%;
    max-width:100%;
    border-radius:10px;
    vertical-align:middle;
}

body #content .main .about .inner .image .wrapper .img picture {
    border-radius:10px;
}

body #content .main .about .inner .image .wrapper .img picture img {
    border-radius:10px;
    bottom:0;
    height:100%;
    left:0;
    margin:0;
    max-width:none;
    padding:0;
    position:absolute;
    right:0;
    top:0;
    width:100%;
    -o-object-fit:cover;
    object-fit:cover;
}

body #content .main .about .inner .image .wrapper::after,
body #content .main .about .inner .image .wrapper::before {
    content:"";
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    border-radius:10px;
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition:all .25s cubic-bezier(.645,.045,.355,1);
    transition:all .25s cubic-bezier(.645,.045,.355,1);
}

body #content .main .jobs {
    margin:0 auto;
    padding:30px 0;
    width:100%;
}

body #content .main .jobs .numbered-heading {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative;
    margin:10px 0 40px;
    width:100%;
    font-size:clamp(26px,5vw,32px);
    white-space:nowrap;
}

body #content .main .jobs .numbered-heading::before {
    position:relative;
    bottom:4px;
    counter-increment:section 2;
    content:"0" counter(section) ".";
    margin-right:10px;
    color:#ebff05;
    font-family:SFmono,"Roboto Mono",monospace;
    font-size:clamp(16px,3vw,20px);
    font-weight:400;
}

body #content .main .jobs .numbered-heading::after {
    content:"";
    display:block;
    position:relative;
    top:-5px;
    width:300px;
    height:1px;
    margin-left:20px;
    background-color:#233554;
}


/* small version */
@media (min-width: 200px) and (max-width: 768px) {
    body #content .main .jobs .inner {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        width:100%;
        gap:10PX;
        margin-left: 0px!important;
    }

    body #content .main .jobs .inner .btn {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        overflow:auto;
        flex-direction: column;
    }
    
    body #content .main .jobs .inner .btn::-webkit-scrollbar {
        width:12px;
        padding:10px 0;
    }

    body #content .main .jobs .inner .btn::-webkit-scrollbar-track {
        background:#0a192f;
    }

    body #content .main .jobs .inner .btn::-webkit-scrollbar-thumb {
        background-color:#495670;
        border:3px solid #0a192f;
        border-radius:10px;
    }

    body #content .main .jobs .inner .btn .active {
        border-bottom:1px solid #ebff05;
    }

    body #content .main .jobs .inner .btn .non {
        border-left:none!important;
    }

    body #content .main .jobs .barrita {
        position:absolute;
        display:none;
    }
}

body #content .main .jobs .inner {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-left: 4rem;
}

body #content .main .jobs .inner .btn {
    position:relative;
    z-index:3;
    padding:0;
    margin:0;
    list-style:none;
    width:100%;
}

body #content .main .jobs .inner .btn button {
    cursor:pointer;
    border:0;
    border-radius:0;
}

body #content .main .jobs .inner .btn .active {
    text-decoration:none;
    -webkit-text-decoration-skip:ink;
    text-decoration-skip-ink:auto;
    position:relative;
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition:all .25s cubic-bezier(.645,.045,.355,1);
    transition:all .25s cubic-bezier(.645,.045,.355,1);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%;
    height:42px;
    padding:0 20px 2px;
    border-left:2px solid #233554;
    background-color:rgba(235,255,5,.1);
    color:#ebff05;
    font-family:SFmono,"Roboto Mono",monospace;
    font-size:13px;
    text-align:left;
    white-space:nowrap;
}

body #content .main .contact_boxeeeee .email-link,
body #content .main .jobs .inner .btn .non {
    background-color:transparent;
    font-family:SFmono,"Roboto Mono",monospace;
    text-decoration:none;
}

body #content .main .jobs .inner .btn .non {
    -webkit-text-decoration-skip:ink;
    text-decoration-skip-ink:auto;
    position:relative;
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition:all .25s cubic-bezier(.645,.045,.355,1);
    transition:all .25s cubic-bezier(.645,.045,.355,1);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%;
    height:42px;
    padding:0 20px 2px;
    border-left:2px solid #233554;
    color:#8892b0;
    font-size:13px;
    text-align:left;
    white-space:nowrap;
}

body #content .main .jobs .inner .btn .non:hover {
    color:#ebff05;
    background-color:rgba(235,255,5,.1);
}

body #content .main .jobs .inner .btn .barrita {
    position:absolute;
    top:0;left:0;
    z-index:22;
    width:2px;
    height:42px;
    border-radius:10px;
    background:#ebff05;
    -webkit-transition:-webkit-transform .25s cubic-bezier(.645,.045,.355,1) .1s;
    -o-transition:transform .25s cubic-bezier(.645,.045,.355,1) .1s;
    transition:transform .25s cubic-bezier(.645,.045,.355,1) .1s;
    transition:transform .25s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .25s cubic-bezier(.645,.045,.355,1) .1s;
}

body #content .main .jobs .inner .job,
body #content .main .jobs .inner .job .jobsss {
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition:all .25s cubic-bezier(.645,.045,.355,1);
}

body #content .main .jobs .inner .btn .uno {
    -webkit-transform:translateY(calc(0 * 42px));
    -ms-transform:translateY(calc(0 * 42px));
    transform:translateY(calc(0 * 42px));
}

body #content .main .jobs .inner .btn .dos {
    -webkit-transform:translateY(calc(1 * 42px));
    -ms-transform:translateY(calc(1 * 42px));
    transform:translateY(calc(1 * 42px));
}

body #content .main .jobs .inner .btn .tres {
    -webkit-transform:translateY(calc(2 * 42px));
    -ms-transform:translateY(calc(2 * 42px));
    transform:translateY(calc(2 * 42px));
}

body #content .main .jobs .inner .btn .cuatro {
    -webkit-transform:translateY(calc(3 * 42px));
    -ms-transform:translateY(calc(3 * 42px));
    transform:translateY(calc(3 * 42px));
}

body #content .main .jobs .inner .job {
    transition:all .25s cubic-bezier(.645,.045,.355,1);
}

body #content .main .jobs .inner .job .jobsss {
    width:100%;
    height:auto;
    padding:10px 5px;
    transition:all .25s cubic-bezier(.645,.045,.355,1);
}

body #content .main .jobs .inner .job .jobsss h3 {
    margin-bottom:2px;
    font-size:22px;
    font-weight:500;
    line-height:1.3;
}

.jobssst {
    width:100%;
    height:auto;
    padding:10px 5px;
    transition:all .25s cubic-bezier(.645,.045,.355,1);
}

.jobssst h3 {
    margin-bottom:2px;
    font-size:22px;
    font-weight:500;
    line-height:1.3;
}

.jobssst h3 .company {
    color:#ebff05;
}

.jobssst h3 .company a {
    display:inline-block;
    text-decoration:none;
    -webkit-text-decoration-skip:ink;
    text-decoration-skip-ink:auto;
    position:relative;
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition:all .25s cubic-bezier(.645,.045,.355,1);
    transition:all .25s cubic-bezier(.645,.045,.355,1);
    color:#ebff05;
    z-index: 3;
}

jobssst h3 .company a::after {
    content:"";
    display:block;
    width:0;
    height:1px;
    position:relative;
    bottom:.37em;
    background-color:#ebff05;
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition:all .25s cubic-bezier(.645,.045,.355,1);
    transition:all .25s cubic-bezier(.645,.045,.355,1);
    opacity:.5;
}

.jobssst h3 .company a:hover {
    content: "";
    position: relative;
    text-decoration: underline;
    border-radius: 5px;
    margin: 5px;
    padding: 5px;
    background-color: #ebff0538;
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition:all .25s cubic-bezier(.645,.045,.355,1);
    transition:all .25s cubic-bezier(.645,.045,.355,1);
}
.jobssst .range {
    margin-bottom:25px;
    color:#a8b2d1;
    font-family:SFmono,"Roboto Mono",monospace;
    font-size:13px;
}

.jobssst div ul {
    padding:0;
    margin:0;
    list-style:none;
    font-size:18px;
}

.jobssst div ul li {
    position:relative;
    padding-left:30px;
    margin-bottom:10px;
}

.jobssst div ul li::before {
    content:"▹";
    position:absolute;
    left:0;
    color:#ebff05;
}

body #content .main .jobs .inner .job .jobsss h3 .company {
    color:#ebff05;
}

body #content .main .jobs .inner .job .jobsss h3 .company a {
    display:inline-block;
    text-decoration:none;
    -webkit-text-decoration-skip:ink;
    text-decoration-skip-ink:auto;
    position:relative;
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition:all .25s cubic-bezier(.645,.045,.355,1);
    transition:all .25s cubic-bezier(.645,.045,.355,1);
    color:#ebff05;
    z-index: 3;
}

body #content .main .jobs .inner .job .jobsss h3 .company a::after {
    content:"";
    display:block;
    width:0;
    height:1px;
    position:relative;
    bottom:.37em;
    background-color:#ebff05;
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition:all .25s cubic-bezier(.645,.045,.355,1);
    transition:all .25s cubic-bezier(.645,.045,.355,1);
    opacity:.5;
}

body #content .main .jobs .inner .job .jobsss h3 .company a:hover {
    content: "";
    position: relative;
    text-decoration: underline;
    border-radius: 5px;
    margin: 5px;
    padding: 5px;
    background-color: #ebff0538;
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition:all .25s cubic-bezier(.645,.045,.355,1);
    transition:all .25s cubic-bezier(.645,.045,.355,1);
}

body #content .main .jobs .inner .job .jobsss .range {
    margin-bottom:25px;
    color:#a8b2d1;
    font-family:SFmono,"Roboto Mono",monospace;
    font-size:13px;
}

body #content .main .jobs .inner .job .jobsss div ul {
    padding:0;
    margin:0;
    list-style:none;
    font-size:18px;
}

body #content .main .jobs .inner .job .jobsss div ul li {
    position:relative;
    padding-left:30px;
    margin-bottom:10px;
}

body #content .main .jobs .inner .job .jobsss div ul li::before {
    content:"▹";
    position:absolute;
    left:0;
    color:#ebff05;
}

body #content .main .jobs .inner .job .active {
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition:all .25s cubic-bezier(.645,.045,.355,1);
    transition:all .25s cubic-bezier(.645,.045,.355,1);
    display:blockl
}

body #content .main .jobs .inner .job .mo {
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition:all .25s cubic-bezier(.645,.045,.355,1);
    transition:all .25s cubic-bezier(.645,.045,.355,1);
    display:none;
}

body #content .main .projects {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin: -85px auto;
    padding:100px 0 0 0;
    width:100%;
}

body #content .main .projects .numbered-heading {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative;
    margin:10px 0 40px;
    width:100%;
    font-size:clamp(26px,5vw,32px);
    white-space:nowrap;
}

body #content .main .projects .numbered-heading::before {
    position:relative;
    bottom:4px;
    counter-increment:section 3;
    content:"0" counter(section) ".";
    margin-right:10px;
    color:#ebff05;
    font-family:SFmono,"Roboto Mono",monospace;
    font-size:clamp(16px,3vw,20px);
    font-weight:400;
}

body #content .main .projects .numbered-heading::after {
    content:"";
    display:block;
    position:relative;
    top:-5px;
    width:300px;
    height:1px;
    margin-left:20px;
    background-color:#233554;
}

/* body #content .main .projects .blog-slider {
    width:95%;
    position:relative;
    max-width:800px;
    margin:auto;
    background:#233554;
    -webkit-box-shadow:0 14px 80px rgba(34,35,58,.2);
    box-shadow:0 14px 80px rgba(34,35,58,.2);
    padding:25px;
    border-radius:25px;
    height:400px;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
}

@media screen and (max-width:992px) {
    body #content .main .projects .blog-slider {
        max-width:680px;
        height:400px;
    }
}

@media screen and (max-width:808px) {
    body #content .main .projects .blog-slider {
        min-height:500px;
        height:auto;
        margin:180px auto;
    }
}

@media screen and (max-height:500px) and (min-width:992px) {
    body #content .main .projects .blog-slider {
        height:350px;
    }
}

body #content .main .projects .blog-slider__item {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}

@media screen and (max-width:768px ){
    body #content .main .projects .blog-slider__item {
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
    }
    body #content .main .projects .numbered-heading::after {
        width:150px;
    }
    body #content .main .projects .numbered-heading {
        white-space: normal;
    }
}

body #content .main .projects .blog-slider__item.swiper-slide-active .blog-slider__img {
    -o-object-fit:cover;
    object-fit:cover;
}

body #content .main .projects .blog-slider__item.swiper-slide-active .blog-slider__img img {
    opacity:1;
    -webkit-transition-delay:.3s;
    -o-transition-delay:.3s;
    transition-delay:.3s;
    -o-object-fit:cover;
    object-fit:cover;
}

body #content .main .projects .blog-slider__item.swiper-slide-active .blog-slider__content>* {
    opacity:1;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
}

body #content .main .projects .blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(1) {
    -webkit-transition-delay:.3s;
    -o-transition-delay:.3s;
    transition-delay:.3s;
}

body #content .main .projects .blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(2) {
    -webkit-transition-delay:.4s;
    -o-transition-delay:.4s;
    transition-delay:.4s;
}

body #content .main .projects .blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(3) {
    -webkit-transition-delay:.5s;
    -o-transition-delay:.5s;
    transition-delay:.5s;
}

body #content .main .projects .blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(4) {
    -webkit-transition-delay:.6s;
    -o-transition-delay:.6s;
    transition-delay:.6s;
}

body #content .main .projects .blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(5) {
    -webkit-transition-delay:.7s;
    -o-transition-delay:.7s;
    transition-delay:.7s;
}

body #content .main .projects .blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(6) {
    -webkit-transition-delay:.8s;
    -o-transition-delay:.8s;
    transition-delay:.8s;
}

body #content .main .projects .blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(7) {
    -webkit-transition-delay:.9s;
    -o-transition-delay:.9s;
    transition-delay:.9s;
}

body #content .main .projects .blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(8) {
    -webkit-transition-delay:1s;
    -o-transition-delay:1s;
    transition-delay:1s;
}

body #content .main .projects .blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(9) {
    -webkit-transition-delay:1.1s;
    -o-transition-delay:1.1s;
    transition-delay:1.1s;
}


body #content .main .projects .blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(10) {
    -webkit-transition-delay:1.2s;
    -o-transition-delay:1.2s;
    transition-delay:1.2s;
}

body #content .main .projects .blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(11) {
    -webkit-transition-delay:1.3s;
    -o-transition-delay:1.3s;
    transition-delay:1.3s;
}

body #content .main .projects .blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(12) {
    -webkit-transition-delay:1.4s;
    -o-transition-delay:1.4s;
    transition-delay:1.4s;
}



body #content .main .projects .blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(13) {
    -webkit-transition-delay:1.5s;
    -o-transition-delay:1.5s;
    transition-delay:1.5s;
}

body #content .main .projects .blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(14) {
    -webkit-transition-delay:1.6s;
    -o-transition-delay:1.6s;
    transition-delay:1.6s;
}

body #content .main .projects .blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(15) {
    -webkit-transition-delay:1.7s;
    -o-transition-delay:1.7s;
    transition-delay:1.7s;
}


body #content .main .projects .blog-slider__img {
    width:300px;
    -ms-flex-negative:0;
    flex-shrink:0;
    height:300px;
    -o-object-fit:cover;
    object-fit:cover;
    background-image:-o-linear-gradient(303deg,#eaff0549 0,#eaff0549 74%);
    background-image:linear-gradient(147deg,#eaff0549 0,#eaff0549 74%);
    border:1px solid #ebff05;
    border-radius:20px;
    -webkit-transform:translateX(-80px);
    -ms-transform:translateX(-80px);
    transform:translateX(-80px);
    overflow:hidden;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
}

body #content .main .projects .blog-slider__img:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    height:100%;
    background-image:-o-linear-gradient(303deg,#eaff0549 0,#ebff0559 74%);
    background-image:linear-gradient(147deg,#eaff0549 0,#ebff0559 74%);
    border-radius:20px;opacity:.8;
}


body #content .main .projects .blog-slider__img img {
    width:100%;
    height:100%;
    display:block;
    opacity:0;
    border-radius:20px;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    -o-object-fit:cover;
    object-fit:cover;
}


@media screen and (max-width:768px) {
    body #content .main .projects .blog-slider__img {
        -webkit-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        transform:translateY(-50%);
        width:90%;
    }
}

@media screen and (max-height:500px) and (min-width:992px) {
    body #content .main .projects .blog-slider__img {
        height:270px;
    }
}

body #content .main .projects .blog-slider__img:hover {
    border:none;
}

body #content .main .projects .blog-slider__img:hover:after {
    background-image:-o-linear-gradient(303deg,#eaff0500 0,#ebff0500 74%);
    background-image:linear-gradient(147deg,#eaff0500 0,#ebff0500 74%);
}

body #content .main .projects .blog-slider__content {
    padding-right:45px;
}

@media screen and (max-width:768px) {
    body #content .main .projects .blog-slider__content {
        margin-top:-80px;
        text-align:center;
        padding:0 30px;
    }
}

@media screen and (max-width:576px) {
    body #content .main .projects .blog-slider__img {
        width:95%;
    }


    body #content .main .projects .blog-slider__content {
        padding:0;
    }

    body #content .main .projects .blog-slider__button {
        width:100%;
    }
}

body #content .main .projects .blog-slider__content>* {
    opacity:0;
    -webkit-transform:translateY(25px);
    -ms-transform:translateY(25px);
    transform:translateY(25px);
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
}

body #content .main .projects .blog-slider__code {
    color:#ebff05;
    font-family:SFmono,"Roboto Mono",monospace;
    margin-bottom:15px;
    display:block;
    font-size:clamp(10px,12px,13px);
    font-weight:500;
}

body #content .main .projects .blog-slider__title {
    font-size:clamp(21px,24px,28px);
    font-weight:200;
    color:#ccd6f6;
    margin-bottom:20px;
}

body #content .main .projects .blog-slider__text {
    color:#8892b0;
    font-size:clamp(14px,15px,17px);
    line-height:1.5em;
    margin-bottom:10px;
}

body #content .main .projects .blog-slider__technologies {
    margin-bottom:30px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-family:SFmono,"Roboto Mono",monospace;
    gap:15px;
}

body #content .main .projects .blog-slider__technologies p {
    font-size:clamp(12px,14px,16px);
}

body #content .main .projects .blog-slider__button {
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    background:0 0;
    padding:15px 20px;
    border-radius:10px;
    color:#ebff05;
    text-decoration:none;
    border:1px solid #ebff05;
    line-height:1;
    font-size:13px;
    -webkit-transition:all .3s!important;
    -o-transition:all .3s!important;
    transition:all .3s!important;
}

body #content .main .projects .blog-slider__button:hover {
    background:rgba(235,255,5,.1);
} */

body #content .main .projects .blog-slider .swiper-container-horizontal>.swiper-pagination-bullets,
body #content .main .projects .blog-slider .swiper-pagination-custom,
body #content .main .projects .blog-slider .swiper-pagination-fraction {
    bottom:10px;
    left:0;
    width:100%;
}

body #content .main .projects .blog-slider__pagination {
    position:absolute;
    z-index:21;
    right:20px;
    width:11px!important;
    text-align:center;
    left:auto!important;
    top:50%;
    bottom:auto!important;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
}

body #content .main .projects .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin:8px 0;
}

@media screen and (max-width:768px) {
    body #content .main .projects .blog-slider__pagination {
        -webkit-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        transform:translateX(-50%);
        left:50%!important;
        top:205px;
        width:100%!important;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
    }

    body #content .main .projects .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
        margin:0 5px;
    }
}

body #content .main .projects .blog-slider__pagination .swiper-pagination-bullet {
    width:11px;
    height:11px;
    display:block;
    border-radius:10px;
    background:#a8b2d1;
    opacity:.2;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
}

body #content .main .projects .blog-slider__pagination .swiper-pagination-bullet-active {
    opacity:1;
    background:#ebff05;
    height:30px;
}

@media screen and (max-width:768px) {
    body #content .main .projects .blog-slider__pagination .swiper-pagination-bullet-active {
        height:11px;
        width:30px;
    }
}

body #content .main .other_projects {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin:0 auto;
    padding:100px 0;
    width:100%;
}

body #content .main .other_projects h2 {
    font-size:clamp(21px,24px,28px);
    margin:0 0 10px;
    font-weight:600;
    color:#ccd6f6;
    line-height:1.1;
}


body #content .main .other_projects .ctn {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    width:100%;
}
.view_more{
    z-index: 3;
}
body #content .main .other_projects .ctn .view_more {
    background:0 0;
    border:1px solid #ebff05;
    border-radius:10px;
    padding:1.25rem 1.75rem;
    font-size:14px;
    font-family:SFmono,"Roboto Mono",monospace;
    line-height:1;
    cursor:pointer;
    transition:all .25s cubic-bezier(.645,.045,.355,1);
    margin-top:50px;
    display:inline-block;
    color:#ebff05;
}

body #content .main .other_projects .ctn .view_more:hover {
    background:rgba(235,255,5,.2);
}

body #content .main .other_projects .ctn .cover_projects {
    z-index:10;
    width:100%;
    height:150px;
    background:linear-gradient(to top,#0a192f 40%,transparent);
    margin-top:-100px;
    margin-bottom:20px;
    display:block;
}

body #content .main .other_projects .ctn .cover_projects.desactive {
    display:none;
}
body #content .main .other_projects .ctn .grid {
    list-style:none;
    padding:0;
    margin:50px 0 0;
    display:-ms-grid;
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
    gap:15px;
    position:relative;
    width:100%;
}

body #content .main .other_projects .ctn .grid.oculto {
    height:70vh!important;
    overflow:hidden!important;
    z-index: 3;
}

body #content .main .other_projects .ctn .grid .dIMCBf {
    position:relative;
    cursor:default;
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition:all .25s cubic-bezier(.645,.045,.355,1);
    transition:all .25s cubic-bezier(.645,.045,.355,1);
}

body #content .main .other_projects .ctn .grid .dIMCBf .project-inner {
    -webkit-box-shadow:0 10px 30px -15px rgba(2,12,27,.7);
    box-shadow:0 10px 30px -15px rgba(2,12,27,.7);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    min-height:100%;
    padding:2rem 1.75rem;
    border-radius:10px;
    background-color:#112240;
}

body #content .main .other_projects .ctn .grid .dIMCBf .project-top {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:35px;
}

body #content .main .other_projects .ctn .grid .dIMCBf .project-top .folder {
    color:#ebff05;
}

body #content .main .other_projects .ctn .grid .dIMCBf .project-top .folder svg {
    width:40px;
    height:40px;
}

body #content .main .other_projects .ctn .grid svg.feather {
    fill:none;
}

body #content .main .other_projects .ctn .grid .dIMCBf .project-top .project-links {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-right:-10px;
    color:#a8b2d1;
}

body #content .main .other_projects .ctn .grid .dIMCBf .project-top .project-links a {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:5px 7px;
}

body #content .main .other_projects .ctn .grid .dIMCBf .project-top .project-links a.external svg {
    width:22px;
    height:22px;
    color:#a8b2d1;
    margin-top:-4px;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
}

body #content .main .other_projects .ctn .grid .dIMCBf .project-top .project-links a.external svg:hover {
    color:#ebff05;
}

body #content .main .other_projects .ctn .grid .dIMCBf .project-title {
    margin:0 0 10px;
    font-size:22px;
}

body #content .main .other_projects .ctn .grid .dIMCBf .project-title a {
    color:#ccd6f6!important;
    -webkit-transition:all .3s!important;
    -o-transition:all .3s!important;
    transition:all .3s!important;
    display:inline-block;
    text-decoration:none;
    -webkit-text-decoration-skip:ink;
    text-decoration-skip-ink:auto;
    position:relative;
}

body #content .main .other_projects .ctn .grid .dIMCBf .project-title:hover a {
    cursor:pointer;
    color:#ebff05!important;
    font-size: 28px;
}

body #content .main .other_projects .ctn .grid .dIMCBf .project-description {
    color:#ccd6f6;
    font-size:17px;
}

body #content .main .other_projects .ctn .grid .dIMCBf .project-tech-list {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding:0;
    margin:20px 0 0;
    list-style:none;
}

body #content .main .other_projects .ctn .grid .dIMCBf .project-tech-list li {
    font-family:SFmono,"Roboto Mono",monospace;
    font-size:13px;
    line-height:1.75;
}

body #content .main .other_projects .ctn .grid .dIMCBf .project-tech-list li:not(:last-of-type) {
    margin-right:15px;
}

body #content .main .contact_boxeeeee {
    max-width:600px;
    margin:0 auto 100px;
    text-align:center;
    padding:100px 0;
}
/* #contact {
    display: none;
} */

@media (max-width:768px) {
    body #content .main .contact_boxeeeee {
        padding:40px 0;
    }
    /* #contact {
        display: none;
    } */
}

body #content .main .contact_boxeeeee .overline {
    display:block;
    margin-bottom:20px;
    color:#ebff05;
    font-family:SFmono,"Roboto Mono",monospace;
    font-size:16px;
    font-weight:400;
}

body #content .main .contact_boxeeeee .overline::before {
    bottom:0!important;
    font-size:14px;
}

body #content .main .contact_boxeeeee .numbered-heading::before {
    position:relative;
    bottom:4px;
    counter-increment:section 4;
    content:"0" counter(section) ".";
    margin-right:10px;
    color:#ebff05;
    font-family:SFmono,"Roboto Mono",monospace;
    font-size:clamp(16px,3vw,20px);
    font-weight:400;
}

body #content .main .contact_boxeeeee .title {
    font-size:clamp(40px,5vw,60px);
}

body #content .main .contact_boxeeeee h2 {
    margin:0 0 10px;
    font-weight:600;
    color:#ccd6f6;
    line-height:1.1;
}

body #content .main .contact_boxeeeee p:last-of-type {
    margin:0 0 40px;
}
.email-link{
    z-index: 3;
}
body #content .main .contact_boxeeeee .email-link {
    color:#ebff05;
    border:1px solid #ebff05;
    border-radius:10px;
    padding:1.1rem 1.75rem;
    font-size:14px;
    line-height:1;
    cursor:pointer;
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition:all .25s cubic-bezier(.645,.045,.355,1);
    transition:all .25s cubic-bezier(.645,.045,.355,1);
    margin-top:50px!important;
    position: relative;
}
body #content .main .contact_boxeeeee .email-link:hover {
    cursor:pointer;
    color: var(--c-blue-900);
    transition:all .25s cubic-bezier(.645,.045,.355,1);
    background-color: rgba(235,255,5,.6)!important;
    font-size: 16px;
    font-weight:bold;
}

@media (max-width:768px) {
    body #content .main .contact_boxeeeee .email-link {
        padding:.5rem 1.1rem!important;
    }
}

body #content .earxGk {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    min-height:70px;
    padding:15px;
    text-align:center;
}

body #content .earxGk .iKeBGp {
    display:none;
}

@media (max-width:768px) {
    body #content .earxGk .iKeBGp {
        display:block;
        width:100%;
        max-width:270px;
        margin:0 auto 10px;
        color:#a8b2d1;
        z-index: 3;
    }
    body #content .main .about .inner .pD .skills-list{
        grid-template-columns: 1fr;
        gap: 15px;
    }
}

body #content .earxGk .iKeBGp ul {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:0;
    margin:0;
    list-style:none;
}

body #content .earxGk .fLSMpu a,
body #content .earxGk .iKeBGp ul a {
    padding:10px;
}

body #content .earxGk .iKeBGp ul a svg {
    width:20px;
    height:20px;
}

body #content .earxGk svg.feather {
    fill:none;
}

body #content .earxGk .fLSMpu {
    color:#a8b2d1;
    font-family:SFmono,"Roboto Mono",monospace;
    font-size:12px;
    line-height:1;
}

body #content .earxGk a {
    display:inline-block;
    text-decoration:none;
    -webkit-text-decoration-skip:ink;
    text-decoration-skip-ink:auto;
    color:inherit;
    position:relative;
    -webkit-transition:var(--transition);
    -o-transition:var(--transition);
    transition:var(--transition);
}
/* 
body .pop_up_sobremi {
    position:absolute;
    width:100%;
    height:100vh;
    left:0;
    top:0;
    display:none;
    background:rgba(0,0,0,.8);
    z-index:999;
}

body .pop_up_sobremi.active {
    display:flex;
    overflow:none;
    justify-content:center;
    align-items:center;
}

body .pop_up_sobremi .price-table {
    background-color:var(--c-blue-700);
    border-radius:16px;
    max-width:375px;
    padding:32px;
    display:flex;
    flex-direction:column;
    position:relative;
    background-image:linear-gradient(135deg,rgba(74,222,128,.15),rgba(29,123,219,.1) 20%,var(--c-blue-700) 40%,var(--c-blue-700) 100%);
}

body .pop_up_sobremi .price-table .pop_up_sobremi_cerrar {
    position:absolute;
    display:block;
    top:10px;
    right:10px;
    border:none;
    outline:0;
    width:55px;
    height:35px;
    border-radius:16%;
    font-weight:700;
    font-size:25px;
    background-color:#ff6961;
    cursor:pointer;
    transition:all .25s cubic-bezier(.645,.045,.355,1);
}

body .pop_up_sobremi .price-table .pop_up_sobremi_cerrar:hover {
    background-color:#c63637;
    color:#fff;
}

body .pop_up_sobremi .price-table:after {
    content:"";
    display:block;
    top:-3px;
    left:-3px;
    bottom:-3px;
    right:-3px;
    z-index:-1;
    position:absolute;
    border-radius:16px;
    background-image:linear-gradient(135deg,#ebff05,var(--c-blue-500) 40%,var(--c-blue-300) 60%,var(--c-blue-700) 100%);
}

body .pop_up_sobremi .price-table .price {
    font-size:3rem;
    line-height:1;
    font-weight:700;
    display:inline-flex;
    align-self:center;
    align-items:center;
    gap:4px;
    position:relative;
    color:#fff;
}

body .pop_up_sobremi .price-table .price small {
    font-size:1.25rem;
    font-weight:400;
    position:absolute;
    left:-1.5ch;
}

body .pop_up_sobremi .price-table .title {
    font-size:1.25rem;
    font-weight:600;
    line-height:1.25;
    text-align:center;
    margin-top:16px;
    color:#fff;
}

body .pop_up_sobremi .price-table .description {
    font-size:1rem;
    text-align:center;
    margin-top:4px;
}

body .pop_up_sobremi .features {
    margin-top:32px;
}

body .pop_up_sobremi .feature {
    position:relative;
}

body .pop_up_sobremi .feature+.feature {
    margin-top:16px;
}

body .pop_up_sobremi .feature summary {
    display:flex;
    align-items:center;
    list-style:none;
}

body .pop_up_sobremi .feature summary .name {
    padding-top:5px;
}

body .pop_up_sobremi .feature summary .name a {
    color:#ebff05;
    font-weight:100;
}

body .pop_up_sobremi .feature summary .name a:hover {
    text-decoration:underline;
}

body .pop_up_sobremi .feature summary::-webkit-details-marker {
    display:none;
}

body .pop_up_sobremi .feature[open] summary:after {
    content:"";
    display:block;
    top:0;
    left:0;
    right:0;
    bottom:0;
    position:fixed;
    z-index:50;
}

body .pop_up_sobremi .feature[open] div {
    -webkit-animation:scale .15s ease;
    animation:scale .15s ease;
}

body .pop_up_sobremi .feature .checkmark {
    width:24px;
    height:24px;
    border-radius:50%;
    background-color:transparent;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:12px;
}

body .pop_up_sobremi .feature .checkmark svg {
    width:50px;
    height:46px;
    color:#fff;
}

body .pop_up_sobremi .feature .question-icon {
    display:flex;
    align-items:center;
    margin-left:6px;
    cursor:pointer;
}

body .pop_up_sobremi .feature .answer {
    padding:8px;
    background-color:var(--c-blue-800);
    border-radius:6px;
    position:absolute;
    top:-12px;
    font-size:14px;
    z-index:100;
    transform:translatey(-100%) translatex(-50%);
    transform-origin:bottom center;
    width:80%;
    left:50%;
    border:1px solid var(--c-blue-300);
    box-shadow:0 15px 30px 0 rgba(0,0,0,.1);
} */

@-webkit-keyframes scale {
    0% {
        transform:translatey(-100%) translatex(-50%) scale(0)
    }
    100% {
        transform:translatey(-100%) translatex(-50%) scale(1)
    }
}

@keyframes scale {
    0% {
        transform:translatey(-100%) translatex(-50%) scale(0)
    }
    100% {
        transform:translatey(-100%) translatex(-50%) scale(1)
    }
}

.scale-out-bottom {
    -webkit-animation:scale-out-bottom .5s cubic-bezier(.55,.085,.68,.53) both;
    animation:scale-out-bottom .5s cubic-bezier(.55,.085,.68,.53) both;
}
.scale-out-horizontal {
    -webkit-animation:scale-out-horizontal .5s cubic-bezier(.55,.085,.68,.53) both;
    animation:scale-out-horizontal .5s cubic-bezier(.55,.085,.68,.53) both;
}

@-webkit-keyframes scale-out-bottom {
    0% {
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
        opacity:1;
    }
    100% {
        -webkit-transform:scale(0);
        transform:scale(0);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
        opacity:1;
    }
}

@keyframes scale-out-bottom {
    0% {
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
        opacity:1;
    }
    100% {
        -webkit-transform:scale(0);
        transform:scale(0);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
        opacity:1;
    }
}

@-webkit-keyframes scale-out-horizontal {
    0% {
        -webkit-transform:scaleX(1);
        transform:scaleX(1);
        opacity:1;
    }
    100% {
        -webkit-transform:scaleX(0);
        transform:scaleX(0);
        opacity:1;
    }
}

@keyframes scale-out-horizontal {
    0% {
        -webkit-transform:scaleX(1);
        transform:scaleX(1);
        opacity:1;
    }
    100% {
        -webkit-transform:scaleX(0);
        transform:scaleX(0);
        opacity:1;
    }
}

canvas {
    display: block;
    vertical-align: bottom;
  }

#tsparticles {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000; /*#232741;*/
    /*background-image: url("https://particles.js.org/images/spacex-logo-black-and-white.png");*/
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
  }
.NodeJs {
    display: flex;
    align-items: center;
}
.NodeJs img{
    height:50px; 
    width:130px;
}
.PostgreSQL {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.PostgreSQL img {
    height:40px;
    width:40px;
}
.Express {
    display: flex;
    align-items: center;
    font: 25px helvetica neue,open sans,sans-serif !important;
    font-weight: 100!important;
    color: #fff!important;
}
.JavaScript {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.JavaScript img {
    height:50px; 
    width:60px;
}
.TypeScript {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    align-items: center;
}

.TypeScript-icon {
    display: flex;
    justify-content: space-evenly;
    width: 110%;
}
.Boostrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    align-items: center;
}
.Boostrap img {
    height:40px; 
    width:40px;
}
.Python {
    align-items: center;
}
.MySQL img {
    height:50px; 
    width:140px;
}
.MySQL {
    display: flex;
    align-items: center;
}
.Flask img {
    height:50px; 
    width:110px;
    background-color: white;
}


.pOne {
    position: relative;
    height: 60px; /* ajusta según tu diseño */
    width: 20rem;
    overflow: hidden;
}
.typewriter {
    color: #fefefe!important;
}

.typewriter {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    border-right: .15em solid #ffd702;
    white-space: nowrap;
    width: 0;
}

/* La animación solo corre cuando se agrega la clase .start */
.typewriter.start {
    opacity: 1;
    animation: typing 3s steps(40, end) infinite alternate, blink .7s step-end infinite;
}

@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}
@keyframes blink {
  from, to { border-color: transparent }
  50% { border-color: #ffd702 }
}


/* efecto blur */
.other_projects .underconstruction {
    position: relative;
    filter: blur(4px);
    opacity: 0.6;
    pointer-events: none;
}

/* cinta amarilla */
.uc-overlay .tape {
    position: absolute;
    top: 40%;
    left: 0%;
    transform: rotate(-15deg);
    background: #f5c400;
    color: black;
    padding: 1rem 14rem;
    font-weight: bold;
    font-size: 2.2rem;
    border: 2px solid #000;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
    pointer-events: none;
}

/* overlay para bloquear clics y poner cinta */
.uc-overlay {
    width: 100%;
    height: 100%;
    backdrop-filter: blur(4px);
    pointer-events: none;
}


/* cursor de bloqueo para el área */
.other_projects {
    cursor: not-allowed;
}