body{background-color:#202033;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:auto;margin:0;padding:0;display:flex}@font-face{font-family:BungeeSpice;src:url(../fonts/Bungee_Spice/BungeeSpice-Regular.ttf)}@font-face{font-family:RedHatDisplay;src:url(../fonts/Red_Hat_Display/RedHatDisplay-VariableFont_wght.ttf)}header{color:#fff;box-sizing:border-box;background-color:#202033;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:40px;margin:0;padding:10px 30px 10px 10px;font-family:RedHatDisplay;font-weight:bolder;display:flex}header h1{color:orange;text-align:center;margin:0;padding:0;font-family:BungeeSpice}header li{box-sizing:border-box;color:#ffffff8c;text-align:center;-webkit-user-select:none;user-select:none;border:1px solid #0000;padding-left:30px;padding-right:5px;text-decoration:none;list-style:none;display:inline-block;position:relative}header li:hover{cursor:pointer;color:#fff;border:1px solid #fff;border-radius:9px}header a{color:#ffffff8c;text-align:center;width:auto;height:auto;text-decoration:none;display:block}header a:hover{color:#fff;cursor:pointer;display:block}#usFlagIco{width:20px;height:20px;position:absolute;top:0;right:65px}#linkedinIco{width:20px;height:20px;position:absolute;top:0;right:70px}#githubIco{width:20px;height:20px;position:absolute;top:0;right:60px}#mailIco{width:20px;height:20px;position:absolute;top:0;right:80px}header nav{position:relative}#imgMail{z-index:1000;background-color:#202033;border:2px solid #fff;border-radius:9px;width:300px;height:50px;position:absolute;top:45px;left:130px}#dirMail{width:200px;height:auto}#copyMail{background-color:#b1b6a6;border-radius:9px;padding:3px;font-family:RedHatDisplay;font-weight:bolder;position:absolute;top:7px;right:20px}#copyMail:hover{cursor:pointer}#liContacto{color:#fff;border:1px solid #fff;border-radius:9px}#divHeader{flex-direction:row;align-items:center;display:flex}#iconoTitulo{width:50px;height:50px;margin-top:20px}@font-face{font-family:orbitron;src:url(./Orbitron-VariableFont_wght-B7vC4a4m.ttf)}@font-face{font-family:BungeeSpice;src:url(./BungeeSpice-Regular-2BlB0deY.ttf)}@font-face{font-family:RedHatDisplay;src:url(./RedHatDisplay-VariableFont_wght-B71-VAmR.ttf)}li{box-sizing:border-box;border:1px solid #0000;padding-left:30px;padding-right:5px;list-style:none;display:inline-block;position:relative}h2{color:orange;text-align:center;margin:0;padding:0;font-family:BungeeSpice}h3{font-family:orbitron}.divPrincipal{flex-direction:row;justify-content:space-around;align-items:center;width:70%;height:400px;margin:2rem auto 0;padding:0;display:flex}.divPrincipal a{z-index:5;width:18%;height:80%;text-decoration:none}#video1{object-fit:cover;opacity:.3;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}#videoSolitario{width:70%;height:auto}#divisor{margin-top:3rem;margin-bottom:3rem}#chanelNumber{z-index:20;color:#adff2f;opacity:.8;-webkit-user-select:none;user-select:none;pointer-events:none;font-family:orbitron;font-size:3rem;position:absolute;top:5%;right:5%}#chanelName{z-index:20;color:#adff2f;opacity:.8;-webkit-user-select:none;user-select:none;pointer-events:none;font-family:orbitron;font-size:1.5rem;position:absolute;bottom:5%;right:5%}@font-face{font-family:orbitron;src:url(../fonts/Orbitron/Orbitron-VariableFont_wght.ttf)}@font-face{font-family:BungeeSpice;src:url(../fonts/Bungee_Spice/BungeeSpice-Regular.ttf)}@font-face{font-family:RedHatDisplay;src:url(../fonts/Red_Hat_Display/RedHatDisplay-VariableFont_wght.ttf)}#chanName{font-family:orbitron}.divProyecto{color:#000;box-sizing:border-box;background-color:#b1b6a6;border:2px solid #000;border-radius:9px;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;margin:0;padding:0;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;display:flex;position:relative}.divProyecto:hover{cursor:pointer;transform:translateY(-10px)scale(1.03);box-shadow:0 15px 30px #0000004d,3px 3px #adff2f}.imgPage{border:1px solid #000;border-radius:9px;width:90%;height:auto;margin-top:1rem}.descripcionWeb{width:90%;height:40%;overflow:hidden}.tecnologias{color:#202033;margin:0;padding:0;font-family:RedHatDisplay;font-size:small}p{font-family:RedHatDisplay}@font-face{font-family:RedHatDisplay;src:url(../fonts/Red_Hat_Display/RedHatDisplay-VariableFont_wght.ttf)}footer{color:#fff;box-sizing:border-box;background-color:#202033;justify-content:center;align-items:center;width:100%;height:20px;margin:0;font-weight:700;display:flex}footer p{font-family:RedHatDisplay}@font-face{font-family:BungeeSpice;src:url(../fonts/Bungee_Spice/BungeeSpice-Regular.ttf)}@font-face{font-family:RedHatDisplay;src:url(../fonts/Red_Hat_Display/RedHatDisplay-VariableFont_wght.ttf)}#divProjectPage{flex-direction:column;align-items:center;width:100%;padding:2rem 0;display:flex}.crt-container{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;width:80%;height:80vh;padding:2rem;display:flex}.crt-container video{object-fit:cover;opacity:.4;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.project-content{z-index:12;color:#fff;scrollbar-width:none;flex-direction:column;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow-y:auto}.project-content::-webkit-scrollbar{display:none}.project-content h1{margin:1rem 0;font-family:BungeeSpice;font-size:3rem}#tecSpan{color:#adff2f;margin-bottom:2rem;font-family:RedHatDisplay;font-weight:bolder}#divDatos{background:#0009;border:1px solid #adff2f4d;border-radius:15px;gap:2rem;width:90%;padding:2rem;display:flex}#leftDiv{text-align:left;flex-direction:column;flex:1;gap:1rem;display:flex}#rightDiv{text-align:left;flex:2}#divProjectPage p{font-family:RedHatDisplay;line-height:1.6}#divProjectPage a{color:#adff2f;text-decoration:underline}#divProjectPage span{font-family:RedHatDisplay}#root{flex-direction:column;justify-content:center;align-items:center;width:100%;margin:0;padding:0;display:flex}.crt-screen{background-color:#0c0c0c;border:12px solid #1a1a1a;border-radius:40px;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #000000e6,0 10px 20px #00000080}.crt-screen:after{content:"";z-index:10;pointer-events:none;background:radial-gradient(circle,#ffffff14 20%,#000c 100%);position:absolute;inset:0;box-shadow:inset 0 0 60px 15px #000}.crt-screen:before{content:"";z-index:11;pointer-events:none;opacity:.4;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px;position:absolute;inset:0}
