$title-color:red;$letras-color:#0f3333;.f{height:100%;display:flex}.f,.fre{width:100%;background-color:#438879;position:fixed;top:0}.fre{display:inline;height:100px;display:grid;grid-template-rows:1fr 1fr}.fre .header-icon{width:100%;height:30px;display:grid;background-color:#5f9ea0}.fre .header-icon .icons{width:300px;height:auto;display:flex;justify-items:flex-end;align-items:center;justify-self:end;margin-right:20px;margin-top:2px}a{text-decoration:none;display:inline;color:#000}.logo-link{width:20%}.logo-link2{width:150%}.foto{color:$title-color;width:50%;height:50%;border-radius:25%}.na{display:grid;grid-template-columns:1fr 1fr;height:90px}nav .logo-container{margin-left:50px}nav .logo-container img{width:150px;margin-top:5px}nav .profile{display:flex;justify-content:flex-end;margin-right:50px;color:#000;font-size:110%}@media(max-width:540px){.f{max-width:100%;display:flex}.f,.fre{background-color:#438879;top:0;position:fixed}.fre{display:block;width:100%}.fre .header-icon{display:flex;background-color:#5f9ea0;width:100%}.fre .header-icon .icons{width:300px;height:auto;display:flex;justify-items:flex-end;align-items:center;justify-self:end;margin-left:20px}a{text-decoration:none;display:inline;color:#000}.logo-link{margin-top:5px;width:20%}.na{display:flex;height:90px}nav .logo-container{margin-left:0}nav .logo-container img{width:150px;margin-left:5px}nav .profile{display:flex;justify-content:flex-end;margin-right:0;font-size:100%}}$varianble:cosa1;.blanco{background-color:#fff}.padre{display:flex;background-color:#fdffff;font-size:140%;margin-top:100px;position:fixed}.negro{background-color:#012003}.letrasdark{color:#fff;justify-content:center}.mode{background-color:#01291d}.sobremi{margin-left:20px;margin-right:0;flex-wrap:wrap;justify-content:center}.am{text-align:center}.picture{width:200px;height:200px;border-radius:20%;display:flex;margin:0;margin-left:20px;margin-top:20px;border:2px solid #0b680b;box-shadow:2px 2px #19afa3}.proye{list-style:none}.proyeh2{padding-top:20px;margin-left:5px;text-align:center;margin:auto}.proyePhone,.proyePhone2,.proyePhone3{display:none}.cont{position:relative;display:inline-block;text-align:center;margin-left:50px}.centrado{position:absolute;color:transparent;top:60%;width:100%;left:50%;transform:translate(-50%,-50%)}.centrado:hover{color:#00ffd5;width:100%}.pictureAlmacen{width:150px;position:relative;height:150px;border-radius:10%;margin-left:0;margin-top:20px;border:2px solid #0b680b;box-shadow:2px 2px #19afa3}.pictureAlmacen:hover{content:"Proye";color:#000;background-color:#fff;background-image:none}.pictureSuper{width:160px;position:relative;height:150px;border-radius:10%;margin-left:0;margin-top:20px;border:2px solid #0b680b;box-shadow:2px 2px #19afa3}.text-Al{position:absolute}.letras{width:100%;text-align:center;justify-content:center;color:#000;font-family:-apple-system}.espacio{width:40%;padding:50px;margin-left:20px}.tecnologias{flex-direction:column;box-shadow:1px 0 40px #4d4d4d;height:800px;-webkit-animation-name:mymove3;animation-name:mymove3;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-timing-function:cubic-bezier(1.75,4.82,3.165,5);animation-timing-function:cubic-bezier(1.75,4.82,3.165,5);padding:auto;color:#000;-webkit-animation-iteration-count:1;animation-iteration-count:1;position:relative}.te{text-align:center;font-size:140%;background-color:#d3d3d3;box-shadow:1px 2px 3px 4px #949494}.lista-div{margin:30px;height:105px}.tecnologias2{display:none}.cosa1,.cosa2,.cosa3,.cosa4,.cosa5{width:90px}.cosa1:hover{width:100%}.cosa1:hover,.cosa2:hover,.cosa3:hover,.cosa4:hover,.cosa5:hover{-webkit-animation-name:agrandar;animation-name:agrandar;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.ti{margin:0;text-align:center;margin-right:10px;color:#000}.square{width:20px;height:20px;border-radius:10px;background-color:#000;-webkit-animation-name:move;animation-name:move;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes agrandar{0%{width:100px}50%{width:110px}to{width:100px}}@keyframes agrandar{0%{width:100px}50%{width:110px}to{width:100px}}@-webkit-keyframes mymove3{0%{top:0;left:100%;color:transparent}25%{top:100%;left:0}}@keyframes mymove3{0%{top:0;left:100%;color:transparent}25%{top:100%;left:0}}@media(max-width:1000px){.padre{display:flex;padding-bottom:10px}.picture{display:flex;width:200px;height:200px;border-radius:10%}.espacio{width:0;margin-right:5px;margin-left:5px}.sobremi{margin-right:25px;margin-left:25px}}@media(max-width:540px){.padre{display:grid;grid-template-columns:1fr;padding-bottom:10px;position:unset}.letrasdark{color:#fff;justify-content:center}.marco{flex-direction:column}.marco,.picture{text-align:center}.picture{margin:auto;margin-top:20px;border:2px solid #0b680b;box-shadow:2px 2px #19afa3;width:200px;height:200px;border-radius:20%}.cont2{position:unset;margin:0}.pictureAlmacen{margin:auto;margin-right:40px}.pictureAlmacen,.pictureSuper{border:2px solid #0b680b;justify-content:center;position:unset;border-radius:10%;box-shadow:2px 2px #19afa3}.pictureSuper{margin:auto;margin-top:20px;margin-right:30px}.proye{list-style:none;margin:auto;display:none}.proyeh2{display:none;margin-left:5px;text-align:center}.proyePhone{width:100%;margin-right:0;margin-left:0}.proyePhone,.proyePhone2{display:flex;justify-content:center;flex-direction:column;text-align:center}.proyePhone2{margin:0}.proyePhone3{display:flex;justify-content:center;flex-direction:column;text-align:center;margin:auto}.cont{display:none}.square{-webkit-animation-name:move;animation-name:move;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.square,.square2{width:20px;height:20px;border-radius:10px;background-color:#000}.square2{box-shadow:1px 1px 10px 10px #1e918b;-webkit-animation-name:mymove;animation-name:mymove;position:relative;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes mymove{0%{top:0;left:0}25%{top:0;left:97%}50%{top:96%;left:97%}75%{top:96%;left:0}to{top:0;left:0}}@keyframes mymove{0%{top:0;left:0}25%{top:0;left:97%}50%{top:96%;left:97%}75%{top:96%;left:0}to{top:0;left:0}}.sobremi{text-align:center;flex-wrap:wrap;margin-right:20px}.letras,.sobremi{justify-content:center}.letras{width:100%}.tecnologias{box-shadow:1px 1px 10px 10px #1e918b;display:grid;-webkit-animation-name:mymove2;animation-name:mymove2;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-timing-function:cubic-bezier(.075,.82,1.165,1);animation-timing-function:cubic-bezier(.075,.82,1.165,1);color:#e0b218;-webkit-animation-iteration-count:1;animation-iteration-count:1;position:relative;margin-bottom:40px;display:none}.tecnologias2{margin-top:20px;display:flex;flex-direction:column;position:static}.tecnologias h1{font-size:100%;text-align:center}.lista-div{display:flex;flex-direction:row;justify-content:center;margin-bottom:70px;padding:0;margin-top:0;height:90px;width:320px}.cosa1,.cosa2,.cosa3,.cosa4,.cosa5{width:90px;padding:0;margin:0}.cosa1:hover{content:"cosita"}.cosa1:hover,.cosa2:hover,.cosa3:hover,.cosa4:hover,.cosa5:hover{-webkit-animation-name:agrandar;animation-name:agrandar;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.ti{margin:0;text-align:center;margin-top:0;margin-right:0;color:#000}@-webkit-keyframes agrandar{0%{width:100px;height:100px}50%{width:110px;height:110px}to{width:100px;height:100px}}@keyframes agrandar{0%{width:100px;height:100px}50%{width:110px;height:110px}to{width:100px;height:100px}}@-webkit-keyframes mymove2{0%{top:100%;left:0;color:transparent}25%{top:0;left:0;color:#e0b218}}@keyframes mymove2{0%{top:100%;left:0;color:transparent}25%{top:0;left:0;color:#e0b218}}}.padre-last{background-color:#438879;border-top:2px solid #08ffea;width:100%;height:55px;bottom:0;display:grid;grid-template-columns:1fr;position:fixed}.hijo-last{display:grid;flex-direction:row;grid-template-columns:1fr 1fr 1fr;margin-left:100px}.section-1{display:flex;text-align:center}.sec-div{display:flex;justify-content:start}.la{max-width:50px}.la,.numero{margin-left:10px}.numero{position:relative;font-size:25px;text-align:center;-webkit-animation-name:mymove2;animation-name:mymove2;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:cubic-bezier(.075,.82,1.165,1);animation-timing-function:cubic-bezier(.075,.82,1.165,1);color:#e0b218;-webkit-animation-iteration-count:1;animation-iteration-count:1}.section-2{color:#1f6b6b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;text-align:center}.section-div2{display:flex;justify-content:start}.mail{position:relative;font-size:20px;margin-left:5px;-webkit-animation-name:mymove2;animation-name:mymove2;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:cubic-bezier(.075,.82,1.165,1);animation-timing-function:cubic-bezier(.075,.82,1.165,1);color:#e0b218;-webkit-animation-iteration-count:1;animation-iteration-count:1}.mail,.section-3{text-align:center}.section-3{color:#1f6b6b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.section-div3{display:flex;justify-content:start}.ubi{text-align:center;position:relative;margin-left:5px;font-size:20px;-webkit-animation-name:mymove2;animation-name:mymove2;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:cubic-bezier(.075,.82,1.165,1);animation-timing-function:cubic-bezier(.075,.82,1.165,1);color:#e0b218;-webkit-animation-iteration-count:1;animation-iteration-count:1}.info{list-style:none}.square2{-webkit-animation-duration:10s;animation-duration:10s}@-webkit-keyframes colores{0%{color:gold}25%{color:#639}50%{color:tomato}to{color:#ff16cd}}@keyframes colores{0%{color:gold}25%{color:#639}50%{color:tomato}to{color:#ff16cd}}@-webkit-keyframes mymove2{0%{top:0;left:100%;color:transparent}25%{left:0;top:0;color:#e0b218}to{left:0;top:0;color:#e0b218}}@keyframes mymove2{0%{top:0;left:100%;color:transparent}25%{left:0;top:0;color:#e0b218}to{left:0;top:0;color:#e0b218}}@media(max-width:1000px){.padre-last{background-color:#438879;width:100%;height:80px;padding:0;bottom:0;display:grid;grid-template-columns:1fr;position:fixed;border:2px solid #2df1e8}.la{margin-left:10px;max-width:70px}.mail,.numero,.ubi{display:none}}@media(max-width:540px){.padre-last{background-color:#438879;width:100%;height:50px;padding:0;bottom:0;display:grid;grid-template-columns:1fr;position:fixed}.hijo-last{display:grid;flex-direction:row;grid-template-columns:1fr 1fr 1fr;margin-left:25px}.la{margin-left:10px;max-width:50px}.mail,.numero,.ubi{display:none}}body{background-color:#fff;padding:0;margin:0;width:100%;display:grid;gap:1rem;grid-auto-rows:2rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,50rem),1fr));min-height:100vh;position:relative;padding-bottom:2em;overflow-x:hidden;display:inline-flex}body::-webkit-scrollbar{width:0}.h{background-color:#fff;margin:0;padding:0}.r{width:100%;height:150%;font-size:150%}.square2{width:20px;height:20px;border-radius:10px;background-color:#000;box-shadow:1px 1px 10px 10px #1e918b;-webkit-animation-name:mymove;animation-name:mymove;position:relative;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes mymove{0%{top:0;left:0}25%{top:0;left:97%}50%{top:96%;left:97%}75%{top:96%;left:0}to{top:0;left:0}}@keyframes mymove{0%{top:0;left:0}25%{top:0;left:97%}50%{top:96%;left:97%}75%{top:96%;left:0}to{top:0;left:0}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1f6b6b;min-height:100vh}@media (min-width:540px){@import url("@/estilos/phone/appPrueba.css")}