*{margin:0;padding:0;box-sizing:border-box;color:#000}html,body{font-family:Roslindale Display Condensed;background:#000;height:0}.nav{position:fixed;width:100%;display:flex;justify-content:space-between}.nav-links{display:flex}h3{width:100%;text-align:left}.nav-link{text-decoration:none}h1{font-family:Rocher;base-palette:9;width:80%;position:absolute;top:20px;left:50%;transform:translate(-50%);text-align:center;font-weight:500;font-size:50px;line-height:1;text-transform:uppercase;flex-wrap:nowrap;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}.Subtitle{font-family:Rocher!important;width:80%;position:absolute;left:50%;transform:translate(-50%);text-align:center;text-transform:uppercase;filter:grayscale(.5);flex-wrap:nowrap;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}.slide-in{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000;transform-origin:bottom}.slide-out{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000;transform-origin:top}.background{background-repeat:no-repeat;background-size:cover;opacity:1;width:100%;height:100vh;z-index:-3;position:absolute;overflow:hidden}.home{background-image:url(/assets/background-KeOPc7gk.jpg)}.skills{background-image:url(/assets/level0-cRmF16u_.jpg)}.projects{background-image:url(/assets/level2-dj_cKoy9.jpg)}.experience{background-image:url(/assets/level4-1K8ra_6Q.jpg)}.contact{background-image:url(/assets/level5-tZ1VHlFv.jpg)}@font-face{font-family:Rocher;src:url(https://assets.codepen.io/9632/RocherColorGX.woff2)}.level{font-size:32px;font-family:Rocher}.level:hover{filter:drop-shadow(2px 4px 6px black);cursor:pointer}.buttonPablo{background:transparent;padding:.5rem 1rem;margin:0 .5rem;font-size:1rem;border-radius:255px 15px 225px/15px 225px 15px 255px;font-size:32px;font-family:Rocher;base-palette:9;background:#ffffff91;letter-spacing:.2rem;text-align:center;width:auto!important;text-decoration:none!important;cursor:pointer;margin:2rem;filter:drop-shadow(1px 2px 3px black) grayscale(.7)}.buttonPablo:hover{filter:drop-shadow(2px 4px 6px black) grayscale(0)}.buttonPablo.lined.thick{border:solid 3px #b97f09}.buttonPablo.dotted.thick{border:dotted 3px #41403E}.buttonPablo.dashed.thick{border:dashed 3px #41403E}.buttonPablo.lined.thin{border:solid 2px #41403E}.buttonPablo.dotted.thin{border:dotted 2px #41403E}.buttonPablo.dashed.thin{border:dashed 2px #41403E}.buttonHab{padding:0rem;margin:.6rem}.hours{font-family:Rocher}.scrollGood::-webkit-scrollbar{width:15px;background-color:#50685bb8;border-radius:4px;border:1px solid rgba(255,255,255,.247)}.scrollGood::-webkit-scrollbar-thumb{background-color:#3b4f4d;border-radius:4px}.scrollGood::-webkit-scrollbar-thumb:hover{background-color:#3b4f4d;cursor:pointer;border:1px solid var(--channel-separator-color)}.resumen{font-family:Arial;margin-top:16px;font-size:20px;letter-spacing:1px}.inforCard ul{text-align:left;margin-left:20px;font-size:14px;margin-bottom:10px}.inforCard h3{font-size:16px;font-weight:700;margin-bottom:10px;margin-top:14px}.inforCard div{font-size:14px;text-align:left}.expert{margin-bottom:40px}.expert h3{margin-top:20px;margin-bottom:15px}.expert div{text-align:left}.contact2{padding:1rem}.contact2 div{text-align:justify}.contact2 h3{margin-top:20px;margin-bottom:15px}.App{cursor:none}.cursor-style{height:64px;width:64px;border-radius:100%;transform-origin:100% 100%;transform:translate(-50%,-50%);position:fixed;pointer-events:none;z-index:99999;background-image:url(data:image/png;base64,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)}.Click{font-family:Rocher;display:flex;justify-content:center!important;width:60%!important;border:8px solid #e08e37;border-radius:10px;padding-bottom:9px}.player-wrapper{height:100%;width:100%;position:relative;padding-top:56.25%}.react-player{position:absolute;top:27%;left:60%}.shipGame{position:absolute;left:50%;top:50%;width:90px;height:90px;z-index:5001;padding:5px;filter:drop-shadow(1px 2px 3px black)}.shipGame:hover{cursor:none;filter:invert(1);border-radius:23px}.Enviroment{background:#ff000003;width:50%;height:calc(100% - 170px);border-radius:9px;font-family:Rocher;padding:10px}.Start{font-size:20px}.help{font-family:Arial,Helvetica,sans-serif;font-size:24px;text-align:start;padding:15px 25px;background-color:#ffffffa1;height:calc(100% - 120px);border-radius:16px;margin-top:10px;z-index:6000}