@font-face{font-family:px_sans_nouveaux;src:url(/assets/px_sans_nouveaux-BUYXYKuP.ttf)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif,px_sans_nouveaux;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:#000}h1{font-size:3.2em;line-height:1.3;letter-spacing:.2rem}#root{margin:0 auto;text-align:center;font-family:px_sans_nouveaux}.App{display:flex;justify-content:center;align-items:center;height:85vh}.App-header{text-align:center}.btn-power{background-color:silver;color:#111;box-shadow:inset 2.5px 2.5px #ffffffde,inset -2.5px -2.5px #000000d5;margin:.8rem;padding:.7rem 1.1rem;font-size:.8rem;font-weight:800;cursor:pointer;font-family:inherit;border:none;text-align:center}.btn-power img{position:relative;width:2.4rem;margin-right:.5rem}.btn-power p{position:relative;display:inline;top:-10px;font-size:.8rem}.btn-power:hover{background-color:#a0a0a0}.btn-power:active{box-shadow:inset 2.5px 2.5px #000000d5,inset -2.5px -2.5px #ffffffde}.btn-power:active p{top:-7px}.btn-power:active img{top:4px}.main-power-on{animation:fadeOut 1.2s forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.main-power-on>*{transition:opacity 1.5s ease-in-out;opacity:0}body{margin:0;padding:0;overflow:hidden}.body-power-on{transition:background-color 1.4s ease-in-out;background-color:teal}.id-proyects,.id-about-me,.id-contact,.id-tecnologies,.id-paint{display:flex;flex-direction:column;justify-content:center;align-items:baseline;padding:1rem}a{text-decoration:none;color:#0000a0}h3{line-height:.4}.id-proyects img,.id-about-me img,.id-contact img,.id-tecnologies img,.id-paint img{cursor:pointer;position:relative;padding-left:20px}.id-proyects p,.id-about-me p,.id-contact p,.id-tecnologies p,.id-paint p{font-size:.65rem;margin:.5rem;cursor:pointer;width:90px}.icon-wrapper img{padding-right:25px}.win-98-taskbar{padding:.3rem;background-color:silver;color:#111;font-size:.5rem;position:fixed;bottom:0;width:100%;z-index:100;box-shadow:inset 0 2.5px #ffffffde,inset -2.5px -1.5px #000000d5;border:none}.win-98-start-btn{display:flex;align-items:center;gap:.5rem;padding:.1rem .6rem;background-color:silver;cursor:pointer;border-radius:2px;border:none;width:70px;box-shadow:inset 0 2.5px #ffffffde,inset -2.5px -1.5px #000000d5}.win-98-start-btn img{width:1.6rem;height:auto}.win-98-start-btn p{margin:0;font-size:.65rem}.win-98-time-date{position:absolute;bottom:0;right:0;padding:.01rem .3rem;margin:.27rem 1rem .27rem .27rem;display:flex;justify-content:space-between;background-color:#a0a0a0;color:#111;font-size:.55rem;box-shadow:inset 1.5px 1.5px #000000d5,inset -1.5px -1.5px #ffffffde}.clippy-asistant img{width:8rem;height:auto;position:absolute;z-index:0;bottom:70px;right:30px}.clippy-text-globe{font-family:Tahoma,sans-serif;font-size:.8rem;width:155px;color:#000;background-color:#e2f0a3;padding:.1rem .3rem;border-radius:5px;box-shadow:1px 1px #000,-1px -1px #fff;position:absolute;z-index:100;bottom:200px;right:120px}.clippy-text-globe button{background-color:#ddeba0;border:1px solid #363636;cursor:pointer;font-size:.8rem;font-family:Tahoma,sans-serif;color:#000;padding:.1rem .3rem;width:50%;border-radius:5px}.win-explorer-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:transparent;font-family:"Microsoft Sans Serif",Arial,sans-serif;z-index:1}.win-explorer-frame{width:400px;border:2px solid #808080;box-shadow:inset -1px -1px #fff,inset 1px 1px #000;background-color:#e0e0e0}.win-explorer-top-bar{display:flex;justify-content:flex-end;align-items:center;height:25px;background:linear-gradient(to right,navy,#0000a0);color:#fff;font-size:14px;padding:0 5px;box-shadow:inset -1px -1px #404040,inset 1px 1px silver}.win-explorer-buttons{background-color:#e0e0e0;color:#000;border:1px solid #808080;box-shadow:-1px -1px #fff,1px 1px #000;margin-left:5px;padding:2px;cursor:pointer;display:flex;align-items:center;justify-content:center}.win-explorer-buttons img{width:12px;height:12px}.win-explorer-content{padding:10px;background-color:#fff;border:2px solid #808080;box-shadow:inset -1px -1px #fff,inset 1px 1px #000;color:#000;font-size:12px;line-height:1.5;overflow:hidden}.project-wrapper{display:inline-block;position:relative}.project-1,.project-2,.project-3{padding-bottom:1.7rem;padding-top:.5rem}.project-1 h3{text-decoration:none}.about-me-text{padding:.6rem;font-size:.8rem;text-align:left;font-family:px_sans_nouveaux;height:300px;overflow:auto}.me-image{width:250px;height:250px;border-radius:50%;margin:.5rem;box-shadow:0 0 7px #000}.highlight{font-weight:700;color:#0000a0}.icon-image{position:absolute;display:block}.contact-button{background-color:silver;color:#000;border:1px solid #808080;box-shadow:-2px -2px #fff,2px 2px #000;margin-left:5px;margin-bottom:25px;padding:2px;cursor:pointer;display:flex;align-items:center;justify-content:left;font-size:.7rem;font-family:px_sans_nouveaux;border-radius:2px}.tech-button{background-color:silver;color:#000;border:1px solid #808080;box-shadow:-2px -2px #fff,2px 2px #000;margin-left:5px;margin-bottom:25px;padding:2px;display:flex;align-items:center;justify-content:left;font-size:.7rem;font-family:px_sans_nouveaux;border-radius:2px}.tech-button p{padding-left:5px}.fade-in{opacity:0;transform:translateY(20px);animation:fadeIn .5s forwards}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.projects-container{height:475px;width:400px;overflow:auto}.internet-screen{position:absolute;width:100%;max-width:1500px;height:100%;max-height:720px;border:2px solid #000;background-color:#c3c3c3;font-family:Tahoma,sans-serif;font-size:14px;z-index:1001}.internet-top-bar{display:flex;align-items:center;background:linear-gradient(to right,#010185,#0101b4);color:#fff;padding:2px}.internet-top-bar img{width:25px;height:25px;margin-right:10px;margin-left:3px}.in-win-explorer-buttons{background-color:#e0e0e0;color:#000;border:1px solid #808080;box-shadow:-1px -1px #fff,1px 1px #000;margin-left:auto;cursor:pointer;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.in-win-explorer-buttons img{width:17px;height:17px;margin:10px}.internet-screen-content{display:flex;flex-direction:column;height:95%}.internet-tools{display:flex;background-color:#c3c3c3;color:#000;padding:2px;border-bottom:2px solid #808080}.internet-tools p{margin:0 10px;cursor:pointer;font-size:13px}.first-letter{text-decoration:underline}.internet-url-bar{display:flex;width:85%;align-items:center;background-color:#fff;color:#111;border:2px inset #2b2b2b;padding:2px;margin:2px 0}.internet-url-bar button{font-weight:700;font-size:14px}.internet-url-bar p{margin:0 5px}.internet-url-bar-address{background-color:#e0e0e0;color:#000;border:1px solid #808080;box-shadow:-1px -1px #fff,1px 1px #000;cursor:pointer;padding:3px 4px}.internet-content{flex-grow:1;background-color:#fff;border:2px inset #808080}iframe{width:100%;height:100%;border:none}@media (max-width: 800px){.internet-screen{position:absolute;width:100%;height:100%;max-height:100%}.internet-tools p{font-size:11px}.internet-url-bar{width:98%;height:4%;font-size:14px}.internet-url-bar p{margin:2px 15px;font-size:11px}.internet-url-bar button{font-weight:700;font-size:11px}}@media (max-width: 600px){.internet-tools p{margin:0 5px}.in-win-explorer-buttons{padding:2px 3px}}