body{margin:0;padding:0;overflow:hidden;height:100%}.home{display:grid;grid-template-columns:repeat(2,60% 40%);height:100%}.P1{background-color:#000;height:100vh;color:#f0f8ff;border-right:1px solid white}.P2{background-color:#000;color:#f0f8ff}.myData{display:grid;grid-template-columns:repeat(10,10%);grid-template-rows:repeat(10,10%);height:100vh}.myData1{grid-column:4/8;grid-row:3/6;display:flex;justify-self:center;justify-content:center;align-items:center;margin:10px 0 0;background-color:#1c2329;border-radius:50%;padding:20px;width:60%;height:80%;text-align:center;letter-spacing:2px;transition:.4s;animation:animacion 3s linear infinite;z-index:2;cursor:pointer}.myData1:hover{background-color:#8da9c7;box-shadow:0 0 10px #245a5c,0 0 40px #245a5c,0 0 80px #245a5c}.myData2{grid-column:2/6;grid-row:6/9;justify-content:center;display:flex;justify-self:center;align-items:center;background-color:#1c2329;border-radius:50%;padding:20px;width:60%;height:80%;margin:0;text-align:center;letter-spacing:2px;transition:.4s;animation:animacion 3s linear infinite;z-index:2;cursor:pointer}.myData2:hover{background-color:#8da9c7;box-shadow:0 0 10px #245a5c,0 0 40px #245a5c,0 0 80px #245a5c}.myData3{grid-column:5/11;grid-row:6/9;justify-content:center;display:flex;justify-self:center;align-items:center;background-color:#1c2329;border-radius:50%;padding:20px;width:40%;height:80%;margin:0;letter-spacing:2px;transition:.4s;animation:animacion 3s linear infinite;z-index:2;cursor:pointer}.myData3:hover{background-color:#8da9c7;box-shadow:0 0 10px #245a5c,0 0 40px #245a5c,0 0 80px #245a5c}@keyframes animacion{0%{box-shadow:0 0 #10495899,0 0 #10495899}30%{box-shadow:0 0 0 40px #9fcedc00,0 0 #10495899}65%{box-shadow:0 0 0 40px #9fcedc00,0 0 0 20px #9fcedc00}to{box-shadow:0 0 #9fcedc00,0 0 0 20px #9fcedc00}}.personal{height:100vh;display:grid;grid-template-columns:repeat(10,10%);grid-template-rows:repeat(10,10%);justify-items:center;color:#dee6ee}.personalImg{grid-column:1/11;grid-row:1/8;width:58%;height:58%;background-color:#1c2329;border-radius:50%;box-shadow:0 60px 12px -18px #1b2024,0 60px 20px -12px #010202;animation:anime 1.5s infinite ease-in-out alternate;-webkit-animation:anime 1.5s infinite ease-in-out alternate;margin-top:20px;z-index:5}@keyframes anime{to{transform:translateY(20px);-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-o-transform:translateY(20px);box-shadow:0 40px 10px -18px #0003,0 40px 16px -12px #0003}}.img{border-radius:50%}.personalData{margin-top:15px;grid-column:1/11;grid-row:6/11;text-align:center;letter-spacing:2px;margin-left:20px;margin-right:20px;display:table;z-index:5}.name{font-family:Dancing Script,cursive;font-size:35px;text-shadow:0 0 5px rgb(137,151,160),0 0 15px rgb(184,197,199),0 0 30px rgb(161,173,190);margin-bottom:0}:root{--facebook: #3b5999;--instagram: #e4405f;--linkedin: #0077b5;--whatsapp: rgb(35, 179, 35);--gmail: rgb(187, 155, 25)}.contacto{padding-top:25px;display:flex;justify-content:center;align-items:center;gap:20px;z-index:5}.contacto ul{padding:0}.contacto ul li{display:inline-block;margin:0 10px;width:60px;height:60px;text-align:center}.contacto ul li a{display:block;padding:0 10px;background:#333;color:#fff;line-height:60px;font-size:35px;border-radius:10px;box-shadow:0 3px 5px #0003;transition:.2}.contacto ul:hover a{filter:blur(2px)}.contacto ul li a:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 5px 5px #0006;filter:none}.contacto ul li .facebook:hover{background:var(--facebook)}.contacto ul li .instagram:hover{background:var(--instagram)}.contacto ul li .whatsapp:hover{background:var(--whatsapp)}.contacto ul li .linkedin:hover{background:var(--linkedin)}.contacto ul li .gmail:hover{background:var(--gmail)}.cv{margin-top:25px;display:flex;justify-content:center;align-items:center;gap:35px}.cv:hover{letter-spacing:.25em}.verCV{position:relative;background-color:#444;color:#fff;text-decoration:none;text-transform:uppercase;font-size:1.3em;letter-spacing:.1em;padding:10px 30px;transition:.5s}.verCV:hover{letter-spacing:.25em;background:#1e9bff;color:#1e9bff;box-shadow:0 0 35px #1e9bff}.verCV:before{content:"";position:absolute;inset:2px;background-color:#27282c}.verCV span{position:relative;z-index:1}.verCV i{position:absolute;inset:0;display:block}.verCV i:before{content:"";position:absolute;top:-3.5px;left:80%;width:10px;height:5px;border:2px solid #1e9bff;background:#27282c;transform:translate(-50%);transition:.5s}.verCV:hover i:before{width:20px;left:20%}.verCV i:after{content:"";position:absolute;bottom:-3.5px;left:20%;width:10px;height:5px;border:2px solid #1e9bff;background:#27282c;transform:translate(-50%);transition:.5s}.verCV:hover i:after{width:20px;left:80%}.dowloadCV{position:relative;background-color:#444;color:#fff;text-decoration:none;text-transform:uppercase;font-size:1.5em;letter-spacing:.1em;padding:10px 30px;transition:.5s}.dowloadCV:hover{letter-spacing:.25em;background:#1e9bff;color:#1e9bff;box-shadow:0 0 35px #1e9bff}.dowloadCV:before{content:"";position:absolute;inset:2px;background-color:#27282c}.dowloadCV span{position:relative;z-index:1}.dowloadCV i{position:absolute;inset:0;display:block}.dowloadCV i:before{content:"";position:absolute;top:-3.5px;left:80%;width:10px;height:5px;border:2px solid #1e9bff;background:#27282c;transform:translate(-50%);transition:.5s}.dowloadCV:hover i:before{width:20px;left:20%}.dowloadCV i:after{content:"";position:absolute;bottom:-3.5px;left:20%;width:10px;height:5px;border:2px solid #1e9bff;background:#27282c;transform:translate(-50%);transition:.5s}.dowloadCV:hover i:after{width:20px;left:80%}@media (min-width: 355px) and (max-width: 550px){body,html{margin:0;padding:0;overflow:scroll;overflow-x:hidden}.home{display:flex;flex-direction:column;width:100%}.P1{order:1;background-color:#000;border-right:none}.P2{background-color:#000;color:#424f5a}.myData{display:grid;grid-template-columns:repeat(10,10%);grid-template-rows:repeat(10,10%);height:100vh}.myData1{grid-column:2/10;grid-row:2/5;display:flex;justify-self:center;justify-content:center;align-items:center;margin:10px 0 0;background-color:#2a1798;border-radius:50%;padding:20px;width:60%;height:80%;text-align:center;letter-spacing:2px;transition:none;animation:animacion 3s linear infinite;z-index:2}.myData1:hover{background-color:#2a1798;box-shadow:none}.myData2{grid-column:2/10;grid-row:5/8;justify-content:center;display:flex;justify-self:center;align-items:center;background-color:#2a1798;border-radius:50%;padding:20px;width:60%;height:80%;margin:0;text-align:center;letter-spacing:2px;transition:.4s;animation:animacion 3s linear infinite;z-index:2}.myData2:hover{background-color:#2a1798;box-shadow:none}.myData3{grid-column:2/10;grid-row:8/11;justify-content:center;display:flex;justify-self:center;align-items:center;background-color:#2a1798;border-radius:50%;padding:20px;width:60%;height:80%;margin:0;letter-spacing:2px;transition:.4s;animation:animacion 3s linear infinite;z-index:2}.myData3:hover{background-color:#2a1798;box-shadow:none}@keyframes animacion{0%{box-shadow:0 0 #10495899,0 0 #10495899}30%{box-shadow:0 0 0 40px #9fcedc00,0 0 #10495899}65%{box-shadow:0 0 0 40px #9fcedc00,0 0 0 20px #9fcedc00}to{box-shadow:0 0 #9fcedc00,0 0 0 20px #9fcedc00}}.personal{margin-top:30px;height:100vh;display:grid;grid-template-columns:repeat(10,10%);grid-template-rows:repeat(10,10%);justify-items:center;color:#dee6ee}.personalImg{grid-column:1/11;grid-row:1/8;width:45%;height:45%;background-color:#1c2329;border-radius:50%;box-shadow:0 60px 12px -18px #1b2024,0 60px 20px -12px #010202;animation:anime 1.5s infinite ease-in-out alternate;-webkit-animation:anime 1.5s infinite ease-in-out alternate;margin-top:20px}@keyframes anime{to{transform:translateY(20px);-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-o-transform:translateY(20px);box-shadow:0 40px 10px -18px #0003,0 40px 16px -12px #0003}}.img{border-radius:50%}.personalData{margin-top:24px;grid-column:1/11;grid-row:5/11;text-align:center;letter-spacing:1px;margin-left:20px;margin-right:20px;display:table}.name{font-family:Dancing Script,cursive;font-size:30px;text-shadow:0 0 5px rgb(137,151,160),0 0 15px rgb(184,197,199),0 0 30px rgb(161,173,190);margin-bottom:0}:root{--facebook: #3b5999;--instagram: #e4405f;--linkedin: #0077b5;--whatsapp: rgb(35, 179, 35);--gmail: rgb(187, 155, 25)}.contacto{padding-top:25px;display:flex;justify-content:center;align-items:center;gap:15px}.contacto ul{padding:0}.contacto ul li{display:inline-block;margin:0 5px;width:50px;height:70px;text-align:center}.contacto ul li a{display:block;padding:0 10px;background:#333;color:#fff;line-height:50px;font-size:25px;border-radius:10px;box-shadow:0 3px 5px #0003;transition:none}.contacto ul:hover a{filter:none}.contacto ul li a:hover{transform:none;box-shadow:0 5px 5px #0006;filter:none}.contacto ul li .facebook{background:var(--facebook)}.contacto ul li .instagram{background:var(--instagram)}.contacto ul li .whatsapp{background:var(--whatsapp)}.contacto ul li .linkedin{background:var(--linkedin)}.contacto ul li .gmail{background:var(--gmail)}}@media (min-width: 551px) and (max-width: 800px){body,html{margin:0;padding:0;overflow:scroll;overflow-x:hidden}.home{display:flex;flex-direction:column;width:100%}.P1{order:1;background-color:#000;border-right:none}.P2{background-color:#000;color:#424f5a}.myData{display:grid;grid-template-columns:repeat(10,10%);grid-template-rows:repeat(10,10%);height:100vh}.myData1{grid-column:2/10;grid-row:2/5;display:flex;justify-self:center;justify-content:center;align-items:center;background-color:#2a1798;border-radius:50%;padding:20px;width:60%;height:90%;text-align:center;letter-spacing:2px;transition:none;animation:animacion 3s linear infinite;z-index:2;margin:-40px}.myData1:hover{background-color:#2a1798;box-shadow:none}.myData2{grid-column:2/10;grid-row:5/8;justify-content:center;display:flex;justify-self:center;align-items:center;background-color:#2a1798;border-radius:50%;padding:20px;width:60%;height:90%;margin:-20px;text-align:center;letter-spacing:2px;transition:.4s;animation:animacion 3s linear infinite;z-index:2}.myData2:hover{background-color:#2a1798;box-shadow:none}.myData3{grid-column:2/10;grid-row:8/11;justify-content:center;display:flex;justify-self:center;align-items:center;background-color:#2a1798;border-radius:50%;padding:20px;width:60%;height:90%;margin:-20;letter-spacing:2px;transition:.4s;animation:animacion 3s linear infinite;z-index:2}.myData3:hover{background-color:#2a1798;box-shadow:none}@keyframes animacion{0%{box-shadow:0 0 #10495899,0 0 #10495899}30%{box-shadow:0 0 0 40px #9fcedc00,0 0 #10495899}65%{box-shadow:0 0 0 40px #9fcedc00,0 0 0 20px #9fcedc00}to{box-shadow:0 0 #9fcedc00,0 0 0 20px #9fcedc00}}.personal{margin-top:30px;height:100vh;display:grid;grid-template-columns:repeat(10,10%);grid-template-rows:repeat(10,10%);justify-items:center;color:#dee6ee}.personalImg{grid-column:1/11;grid-row:1/9;width:55%;height:55%;background-color:#1c2329;border-radius:50%;box-shadow:0 60px 12px -18px #1b2024,0 60px 20px -12px #010202;animation:anime 1.5s infinite ease-in-out alternate;-webkit-animation:anime 1.5s infinite ease-in-out alternate;margin-top:20px;z-index:10}@keyframes anime{to{transform:translateY(20px);-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-o-transform:translateY(20px);box-shadow:0 40px 10px -18px #0003,0 40px 16px -12px #0003}}.img{border-radius:50%}.personalData{margin-top:34px;grid-column:1/11;grid-row:6/11;text-align:center;letter-spacing:1.5px;margin-left:20px;margin-right:20px;display:table}.name{font-family:Dancing Script,cursive;font-size:36px;text-shadow:0 0 5px rgb(137,151,160),0 0 15px rgb(184,197,199),0 0 30px rgb(161,173,190);margin-bottom:0}:root{--facebook: #3b5999;--instagram: #e4405f;--linkedin: #0077b5;--whatsapp: rgb(35, 179, 35);--gmail: rgb(187, 155, 25)}.contacto{padding-top:28px;display:flex;justify-content:center;align-items:center;gap:20px}.contacto ul{padding:0}.contacto ul li{display:inline-block;margin:0 10px;width:70px;height:90px;text-align:center}.contacto ul li a{display:block;padding:0 5px;background:#333;color:#fff;line-height:70px;font-size:40px;border-radius:10px;box-shadow:0 3px 5px #0003;transition:none}.contacto ul:hover a{filter:none}.contacto ul li a:hover{transform:none;box-shadow:0 5px 5px #0006;filter:none}.contacto ul li .facebook{background:var(--facebook)}.contacto ul li .instagram{background:var(--instagram)}.contacto ul li .whatsapp{background:var(--whatsapp)}.contacto ul li .linkedin{background:var(--linkedin)}.contacto ul li .gmail{background:var(--gmail)}}@media (min-width: 801px) and (max-width: 1000px){body,html{margin:0;padding:0;overflow:scroll;overflow-x:hidden}.home{display:flex;flex-direction:column;width:100%}.P1{order:1;background-color:#000;border-right:none}.P2{background-color:#000;color:#424f5a}.myData{display:grid;grid-template-columns:repeat(10,10%);grid-template-rows:repeat(10,10%);height:100vh}.myData1{grid-column:2/10;grid-row:2/5;display:flex;justify-self:center;justify-content:center;align-items:center;background-color:#2a1798;border-radius:50%;padding:20px;width:60%;height:90%;text-align:center;letter-spacing:2px;transition:none;animation:animacion 3s linear infinite;z-index:2;margin:-40px}.myData1:hover{background-color:#2a1798;box-shadow:none}.myData2{grid-column:2/10;grid-row:5/8;justify-content:center;display:flex;justify-self:center;align-items:center;background-color:#2a1798;border-radius:50%;padding:20px;width:60%;height:90%;margin:-20px;text-align:center;letter-spacing:2px;transition:.4s;animation:animacion 3s linear infinite;z-index:2}.myData2:hover{background-color:#2a1798;box-shadow:none}.myData3{grid-column:2/10;grid-row:8/11;justify-content:center;display:flex;justify-self:center;align-items:center;background-color:#2a1798;border-radius:50%;padding:20px;width:60%;height:90%;margin:-20;letter-spacing:2px;transition:.4s;animation:animacion 3s linear infinite;z-index:2}.myData3:hover{background-color:#2a1798;box-shadow:none}@keyframes animacion{0%{box-shadow:0 0 #10495899,0 0 #10495899}30%{box-shadow:0 0 0 40px #9fcedc00,0 0 #10495899}65%{box-shadow:0 0 0 40px #9fcedc00,0 0 0 20px #9fcedc00}to{box-shadow:0 0 #9fcedc00,0 0 0 20px #9fcedc00}}.personal{margin-top:30px;height:100vh;display:grid;grid-template-columns:repeat(10,10%);grid-template-rows:repeat(10,10%);justify-items:center;color:#dee6ee}.personalImg{grid-column:1/11;grid-row:1/9;width:55%;height:55%;background-color:#1c2329;border-radius:50%;box-shadow:0 60px 12px -18px #1b2024,0 60px 20px -12px #010202;animation:anime 1.5s infinite ease-in-out alternate;-webkit-animation:anime 1.5s infinite ease-in-out alternate;margin-top:20px;z-index:10}@keyframes anime{to{transform:translateY(20px);-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-o-transform:translateY(20px);box-shadow:0 40px 10px -18px #0003,0 40px 16px -12px #0003}}.img{border-radius:50%}.personalData{margin-top:34px;grid-column:1/11;grid-row:6/11;text-align:center;letter-spacing:1.5px;margin-left:20px;margin-right:20px;display:table}.name{font-family:Dancing Script,cursive;font-size:36px;text-shadow:0 0 5px rgb(137,151,160),0 0 15px rgb(184,197,199),0 0 30px rgb(161,173,190);margin-bottom:0}:root{--facebook: #3b5999;--instagram: #e4405f;--linkedin: #0077b5;--whatsapp: rgb(35, 179, 35);--gmail: rgb(187, 155, 25)}.contacto{padding-top:28px;display:flex;justify-content:center;align-items:center;gap:20px}.contacto ul{padding:0}.contacto ul li{display:inline-block;margin:0 10px;width:70px;height:90px;text-align:center}.contacto ul li a{display:block;padding:0 5px;background:#333;color:#fff;line-height:70px;font-size:40px;border-radius:10px;box-shadow:0 3px 5px #0003;transition:none}.contacto ul:hover a{filter:none}.contacto ul li a:hover{transform:none;box-shadow:0 5px 5px #0006;filter:none}.contacto ul li .facebook{background:var(--facebook)}.contacto ul li .instagram{background:var(--instagram)}.contacto ul li .whatsapp{background:var(--whatsapp)}.contacto ul li .linkedin{background:var(--linkedin)}.contacto ul li .gmail{background:var(--gmail)}}@media (min-width: 1000px) and (max-width: 1200px){body{margin:0;padding:0;overflow:hidden;height:100%}.home{display:grid;grid-template-columns:repeat(2,60% 40%);height:100%}.P1{height:100vh;color:#f0f8ff;background-color:#000;border-right:.5px solid white}.P2{background-color:#000;color:#f0f8ff}.myData{display:grid;grid-template-columns:repeat(10,10%);grid-template-rows:repeat(10,10%);height:100vh}.myData1{grid-column:4/8;grid-row:3/6;display:flex;justify-self:center;justify-content:center;align-items:center;margin:10px 0 0;background-color:#1c2329;border-radius:50%;padding:20px;width:80%;height:80%;text-align:center;letter-spacing:2px;transition:.4s;animation:animacion 3s linear infinite;z-index:5}.myData1:hover{background-color:#8da9c7;box-shadow:0 0 10px #245a5c,0 0 40px #245a5c,0 0 80px #245a5c}.myData2{grid-column:2/6;grid-row:6/9;justify-content:center;display:flex;justify-self:center;align-items:center;background-color:#1c2329;border-radius:50%;padding:20px;width:80%;height:80%;margin:0;text-align:center;letter-spacing:2px;transition:.4s;animation:animacion 3s linear infinite;z-index:2}.myData2:hover{background-color:#8da9c7;box-shadow:0 0 10px #245a5c,0 0 40px #245a5c,0 0 80px #245a5c}.myData3{grid-column:5/11;grid-row:6/9;justify-content:center;display:flex;justify-self:center;align-items:center;background-color:#1c2329;border-radius:50%;padding:20px;width:53.4%;height:80%;margin:0;letter-spacing:2px;transition:.4s;animation:animacion 3s linear infinite;z-index:2}.myData3:hover{background-color:#8da9c7;box-shadow:0 0 10px #245a5c,0 0 40px #245a5c,0 0 80px #245a5c}@keyframes animacion{0%{box-shadow:0 0 #10495899,0 0 #10495899}30%{box-shadow:0 0 0 40px #9fcedc00,0 0 #10495899}65%{box-shadow:0 0 0 40px #9fcedc00,0 0 0 20px #9fcedc00}to{box-shadow:0 0 #9fcedc00,0 0 0 20px #9fcedc00}}.personal{margin-top:50px;height:100vh;display:grid;grid-template-columns:repeat(10,10%);grid-template-rows:repeat(10,10%);justify-items:center;color:#dee6ee}.personalImg{grid-column:1/11;grid-row:1/8;width:58%;height:58%;background-color:#1c2329;border-radius:50%;box-shadow:0 60px 12px -18px #1b2024,0 60px 20px -12px #010202;animation:anime 1.5s infinite ease-in-out alternate;-webkit-animation:anime 1.5s infinite ease-in-out alternate;margin-top:20px;z-index:5}@keyframes anime{to{transform:translateY(20px);-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-o-transform:translateY(20px);box-shadow:0 40px 10px -18px #0003,0 40px 16px -12px #0003}}.img{border-radius:50%}.personalData{margin-top:15px;grid-column:1/11;grid-row:6/11;text-align:center;letter-spacing:2px;margin-left:20px;margin-right:20px;display:table;z-index:5}.name{font-family:Dancing Script,cursive;font-size:35px;text-shadow:0 0 5px rgb(137,151,160),0 0 15px rgb(184,197,199),0 0 30px rgb(161,173,190);margin-bottom:0}:root{--facebook: #3b5999;--instagram: #e4405f;--linkedin: #0077b5;--whatsapp: rgb(35, 179, 35);--gmail: rgb(187, 155, 25)}.contacto{padding-top:25px;display:flex;justify-content:center;align-items:center;gap:15px}.contacto ul{padding:0}.contacto ul li{display:inline-block;margin:0 10px;width:50px;height:50px;text-align:center}.contacto ul li a{display:block;padding:0 10px;background:#333;color:#fff;line-height:60px;font-size:35px;border-radius:10px;box-shadow:0 3px 5px #0003;transition:.2}.contacto ul:hover a{filter:blur(2px)}.contacto ul li a:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 5px 5px #0006;filter:none}.contacto ul li .facebook:hover{background:var(--facebook)}.contacto ul li .instagram:hover{background:var(--instagram)}.contacto ul li .whatsapp:hover{background:var(--whatsapp)}.contacto ul li .linkedin:hover{background:var(--linkedin)}.contacto ul li .gmail:hover{background:var(--gmail)}}@media (min-width: 1025px) and (max-width: 1250px){.verCV,.dowloadCV{font-size:16px}}@media (min-width: 1000px) and (max-width: 1025px){.verCV,.dowloadCV{font-size:15px}}@media (min-width: 433px) and (max-width: 520px){.verCV,.dowloadCV{font-size:16px}}@media (min-width: 350px) and (max-width: 433px){.verCV,.dowloadCV{font-size:12px}}.skills{background-color:#000;height:100vh;color:#f0f8ff;font-family:Caladea,serif}.contenedor{padding-top:90px;width:100vw;display:flex;flex-direction:column;justify-content:start;align-items:center}.caja{position:relative;width:200px;height:200px;transform-style:preserve-3d;transform-origin:100px,100px 0;animation:girar 20s ease-in-out infinite}.cara{position:absolute;width:200px;height:200px;backface-visibility:hidden}.cara1{transform:translateZ(100px)}.cara2{transform:rotateY(90deg) translateZ(100px)}.cara3{transform:rotateY(90deg) rotateX(90deg) translateZ(100px)}.cara4{transform:rotateX(180deg) rotate(90deg) translateZ(100px)}.cara5{transform:rotateY(-90deg) rotate(90deg) translateZ(100px)}.cara6{transform:rotateX(-90deg) translateZ(100px) rotate(-90deg)}@keyframes girar{0%{transform:none}14%,16.6%{transform:rotateY(-90deg)}150%,33.33%{transform:rotateY(-90deg) rotate(90deg)}46%,49.999%{transform:rotateY(-90deg) rotate(90deg)}63%,66%{transform:rotateY(180deg) rotate(90deg)}80%,83%{transform:rotateY(-270deg) rotateX(90deg)}89%,92%{transform:rotateX(90deg) rotateY(90deg)}98%,to{transform:rotateX(180deg) rotateY(180deg) rotate(180deg)}}.skill__container{display:flex;justify-content:center;align-items:center;gap:80px}.skill__info{z-index:2;margin-top:70px;display:flex;flex-direction:column;justify-content:center;align-items:center;letter-spacing:2px;text-align:center;padding:15px;border:5px solid rgb(142,129,129);background:rgba(174,165,165,.194)}.skill__title{margin-bottom:25px}.skill__list{margin-top:27px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;gap:15px;list-style:none;justify-items:center;padding:0;font-size:20px}.skill__item1{background-color:#ac3306c9;padding:5px}.skill__item2{background-color:#0640acc9;padding:5px}.skill__item3{background-color:#6d6d08;padding:5px}.skill__item4{grid-column:1/3;grid-row:2/3;background-color:#1b7154;padding:5px}.skill__item5{grid-column:2/4;grid-row:2/3;background-color:#201616;padding:5px}.habilidades{z-index:2;margin-top:70px;display:flex;flex-direction:column;justify-content:center;align-items:center;letter-spacing:2px;text-align:center;width:500px;border:5px solid rgb(142,129,129);padding:15px;background:rgba(174,165,165,.194)}.habilidades__title{margin-bottom:10px}.habilidades__lista{margin-top:25px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;gap:15px;list-style:none;padding:0;align-items:center}.openCont{position:fixed;z-index:90;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(5px)}.open{border:1px solid #ccca;padding:20px;width:max-content;border-radius:10px;background-color:#232b2fb3;position:relative;z-index:90}@media (min-width: 355px) and (max-width: 550px){.skills{background-color:#000;height:100%;color:#f0f8ff;font-family:Caladea,serif}h1,h2,h3{margin:0;padding:0}.header{width:100%;height:8vh;margin:0;padding:0;background-color:#000}.contenedor{padding-top:90px;width:100%;display:flex;flex-direction:column;justify-content:start;align-items:center}.caja{position:relative;width:200px;height:200px;transform-style:preserve-3d;transform-origin:100px,100px 0;animation:girar 20s ease-in-out infinite;z-index:2}.cara{position:absolute;width:200px;height:200px;backface-visibility:hidden;z-index:2}.cara1{transform:translateZ(100px);z-index:2}.cara2{transform:rotateY(90deg) translateZ(100px);z-index:2}.cara3{transform:rotateY(90deg) rotateX(90deg) translateZ(100px);z-index:2}.cara4{transform:rotateX(180deg) rotate(90deg) translateZ(100px);z-index:2}.cara5{transform:rotateY(-90deg) rotate(90deg) translateZ(100px);z-index:2}.cara6{transform:rotateX(-90deg) translateZ(100px) rotate(-90deg);z-index:2}@keyframes girar{0%{transform:none}14%,16.6%{transform:rotateY(-90deg)}150%,33.33%{transform:rotateY(-90deg) rotate(90deg)}46%,49.999%{transform:rotateY(-90deg) rotate(90deg)}63%,66%{transform:rotateY(180deg) rotate(90deg)}80%,83%{transform:rotateY(-270deg) rotateX(90deg)}89%,92%{transform:rotateX(90deg) rotateY(90deg)}98%,to{transform:rotateX(180deg) rotateY(180deg) rotate(180deg)}}.skill__container{display:flex;flex-direction:column;justify-content:center;align-items:center}.skill__info{z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;letter-spacing:2px;text-align:center;width:90%;padding:15px;border:5px solid rgb(142,129,129);background:rgba(174,165,165,.194);margin:70px 25px 0}.skill__title{margin-bottom:25px}.skill__list{margin-top:27px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;gap:15px;list-style:none;justify-items:center;padding:0;font-size:20px}.skill__item1{background-color:#ac3306c9;padding:5px}.skill__item2{background-color:#0640acc9;padding:5px}.skill__item3{background-color:#6d6d08;padding:5px}.skill__item4{grid-column:1/3;grid-row:2/3;background-color:#1b7154;padding:5px}.skill__item5{grid-column:2/4;grid-row:2/3;background-color:#201616;padding:5px}.habilidades{z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;letter-spacing:2px;text-align:center;width:90%;border:5px solid rgb(142,129,129);padding:15px;background:rgba(174,165,165,.194);margin:0 40px 80px}.habilidades__title{margin-bottom:10px}.habilidades__lista{margin-top:25px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:20px;list-style:none;padding:0;align-items:center}.habilidades__lista li{transition:none;cursor:auto}.habilidades__lista li:hover{transform:none;transition:none}.burbujas div{width:20px;height:20px;border:2px solid rgb(32,65,174);background:rgba(0,0,255,.142);border-radius:100%;position:absolute;bottom:-80%;animation:burbujas 4s linear infinite;display:none}.burbujas div:nth-child(1){width:35px;height:32px;left:10px;animation-duration:4s}.burbujas div:nth-child(2){width:35px;height:32px;left:25%;animation-duration:9s}.burbujas div:nth-child(3){width:65px;height:62px;left:90%;animation-duration:7s;display:none}.burbujas div:nth-child(4){width:85px;height:82px;left:50%;animation-duration:6s}.burbujas div:nth-child(5){width:45px;height:42px;left:70%;animation-duration:8s;display:none}.burbujas div:nth-child(6){width:105px;height:102px;left:10%;animation-duration:3s}.burbujas div:nth-child(7){width:65px;height:62px;left:60%;animation-duration:5s}.burbujas div:nth-child(8){width:95px;height:92px;left:80%;animation-duration:4s;display:none}.burbujas div:nth-child(9){width:85px;height:82px;left:40%;animation-duration:8s}.burbujas div:nth-child(10){width:85px;height:82px;left:30%;animation-duration:6s}@keyframes burbujas{0%{width:0;height:10%}3%{width:30px;height:27px}25%{margin-left:-60px;opacity:.5}50%{margin-left:20px;opacity:.5}75%{margin-left:50px;opacity:.5}to{transform:rotate(90deg);bottom:100%}}}@media (min-width: 551px) and (max-width: 800px){.skills{background-color:#000;height:100%;color:#f0f8ff;font-family:Caladea,serif}h1,h2,h3{margin:0;padding:0}.header{width:100%;height:8vh;margin:0;padding:0;background-color:#000}.contenedor{padding-top:90px;width:100%;display:flex;flex-direction:column;justify-content:start;align-items:center}.caja{position:relative;width:200px;height:200px;transform-style:preserve-3d;transform-origin:100px,100px 0;animation:girar 20s ease-in-out infinite;z-index:5}.cara{position:absolute;width:200px;height:200px;backface-visibility:hidden;z-index:2}.skill__container{display:flex;flex-direction:column;justify-content:center;align-items:center}.skill__info{z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;letter-spacing:2px;text-align:center;width:80%;padding:25px;border:5px solid rgb(142,129,129);background:rgba(174,165,165,.194);margin:70px 25px 0}.skill__title{margin-bottom:25px}.skill__list{margin-top:27px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;gap:25px;list-style:none;justify-items:center;padding:0;font-size:24px}.habilidades{z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;letter-spacing:2.5px;text-align:center;width:80%;border:5px solid rgb(142,129,129);padding:25px;background:rgba(174,165,165,.194);margin:0 40px 80px}.habilidades__title{margin-bottom:10px}.habilidades__lista{margin-top:25px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:25px;list-style:none;padding:0;align-items:center;font-size:24px}.habilidades__lista li{transition:none;cursor:auto}.habilidades__lista li:hover{transform:none;transition:none}.burbujas div{display:none}}@media (min-width: 801px) and (max-width: 1000px){.skills{background-color:#000;height:100%;color:#f0f8ff;font-family:Caladea,serif}h1,h2,h3{margin:0;padding:0}.header{width:100%;height:8vh;margin:0;padding:0;background-color:#000}.contenedor{padding-top:90px;width:100%;display:flex;flex-direction:column;justify-content:start;align-items:center}.caja{position:relative;width:200px;height:200px;transform-style:preserve-3d;transform-origin:100px,100px 0;animation:girar 20s ease-in-out infinite;z-index:5}.cara{position:absolute;width:200px;height:200px;backface-visibility:hidden;z-index:2}.skill__container{display:flex;flex-direction:column;justify-content:center;align-items:center}.skill__info{z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;letter-spacing:2.5px;text-align:center;width:80%;padding:25px;border:5px solid rgb(142,129,129);background:rgba(174,165,165,.194);margin:70px 25px 0}.skill__title{margin-bottom:25px;font-size:32px}.skill__list{margin-top:27px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;gap:25px;list-style:none;justify-items:center;padding:0;font-size:28px}.skill__spanP{font-size:24px}.habilidades{z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;letter-spacing:2.5px;text-align:center;width:80%;border:5px solid rgb(142,129,129);padding:25px;background:rgba(174,165,165,.194);margin:0 40px 80px}.habilidades__title{margin-bottom:10px}.habilidades__lista{margin-top:25px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;gap:25px;list-style:none;padding:0;align-items:center;font-size:24px}.habilidades__lista li{transition:none;cursor:auto}.habilidades__lista li:hover{transform:none;transition:none}.burbujas div{display:none}}@media screen and (min-device-height: 700px) and (max-device-height: 899px){.contenedor{padding-top:70px}.caja{width:180px;height:180px;margin-right:90px}.cara{position:absolute;width:180px;height:180px;backface-visibility:hidden}.cara1{transform:translateZ(90px)}.cara2{transform:rotateY(90deg) translateZ(90px)}.cara3{transform:rotateY(90deg) rotateX(90deg) translateZ(90px)}.cara4{transform:rotateX(180deg) rotate(90deg) translateZ(90px)}.cara5{transform:rotateY(-90deg) rotate(90deg) translateZ(90px)}.cara6{transform:rotateX(-90deg) translateZ(90px) rotate(-90deg)}.skill__info,.habilidades{margin-top:60px}}.nav,.nav1{height:100%}.nav__list{padding:0;height:100%;margin:0;display:grid;grid-template-columns:repeat(10,10%);list-style:none;font-size:25px;justify-content:center;justify-items:center;align-items:center}.nav__item_home{grid-column:1/3;font-size:30px;cursor:pointer}.nav__item1{grid-column:5/7;cursor:pointer}.nav__item2{grid-column:7/9;cursor:pointer}.nav__item3{grid-column:9/11;cursor:pointer}.generic{color:#fff;text-decoration:none}.active{color:#8da9c7;text-decoration:underline}.nav2{display:none}@media (min-width: 355px) and (max-width: 550px){*{margin:0;padding:0;box-sizing:border-box}.nav1{display:none}.nav2{display:inline-block;height:100vh;width:100%;z-index:5}.navof{display:flex;height:4em;justify-content:end;width:100%;background-color:#1a1616;padding:.9em;position:fixed;z-index:5}.generic{width:max-content}.navof .home{display:flex;justify-content:center;margin-left:15px;font-size:35px}.burguer__menu{height:100%;width:3em;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;background-color:#0ff0}.burguer-bar{width:3em;height:.45em;background-color:#00b7ff;border-radius:.5em;z-index:5}.menu{width:50%;height:100vh;background-color:#9ab5f088;position:absolute;top:0;right:0;position:fixed;z-index:3}.hidden{display:none;opacity:0;animation:ocultar .4s ease-in-out;z-index:-10}@keyframes ocultar{0%{z-index:10;opacity:100%}to{display:none}}.visible{animation:mostrar .5s ease-in-out}@keyframes mostrar{0%{opacity:0}to{opacity:100%}}.burguer-bar.clicked:nth-child(1){transform:rotate(45deg) translate(.25em,.8em);transition:ease-out .5s}.burguer-bar.clicked:nth-child(2){transform:scale(.1);transition:ease-out .5s}.burguer-bar.clicked:nth-child(3){transform:rotate(135deg) translate(-.5em,1em);transition:ease-out .5s}.burguer-bar.unclicked{transform:rotate(0) translate(0);transition:cubic-bezier(.175,.885,.32,1.275) .5s}.nav__list_1{padding:0;height:100%;margin:95px 0 0;display:flex;flex-direction:column;list-style:none;font-size:30px;justify-content:start;justify-items:center;align-items:center}.nav__item_1,.nav__item_2{margin-bottom:35px}.active{color:#00b7ff}}@media (min-width: 551px) and (max-width: 800px){*{margin:0;padding:0;box-sizing:border-box}.nav1{display:none}.nav2{display:inline-block;height:100vh;width:100%;z-index:5}.navof{display:flex;height:4em;justify-content:end;width:100%;background-color:#1a1616;padding:.9em;position:fixed;z-index:120}.generic{width:max-content}.navof .home{display:flex;justify-content:center;margin-left:15px;font-size:35px}.burguer__menu{height:100%;width:3em;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;background-color:#0ff0}.burguer-bar{width:3em;height:.45em;background-color:#00b7ff;border-radius:.5em;z-index:120}.menu{width:50%;height:100vh;background-color:#9ab5f088;position:absolute;top:0;right:0;position:fixed;z-index:100}.hidden{display:none;opacity:0;animation:ocultar .4s ease-in-out;z-index:-10}@keyframes ocultar{0%{z-index:10;opacity:100%}to{display:none}}.visible{animation:mostrar .5s ease-in-out}@keyframes mostrar{0%{opacity:0}to{opacity:100%}}.burguer-bar.clicked:nth-child(1){transform:rotate(45deg) translate(.25em,.8em);transition:ease-out .5s}.burguer-bar.clicked:nth-child(2){transform:scale(.1);transition:ease-out .5s}.burguer-bar.clicked:nth-child(3){transform:rotate(135deg) translate(-.5em,1em);transition:ease-out .5s}.burguer-bar.unclicked{transform:rotate(0) translate(0);transition:cubic-bezier(.175,.885,.32,1.275) .5s}.nav__list_1{padding:0;height:100%;margin:95px 0 0;display:flex;flex-direction:column;list-style:none;font-size:35px;justify-content:start;justify-items:center;align-items:center}.nav__item_1{margin-top:20px;margin-bottom:85px}.nav__item_2{margin-bottom:85px}.active{color:#00b7ff}}@media (min-width: 801px) and (max-width: 1000px){*{margin:0;padding:0;box-sizing:border-box}.nav1{display:none}.nav2{display:inline-block;height:100vh;width:100%;z-index:5}.navof{display:flex;height:4em;justify-content:end;width:100%;background-color:#1a1616;padding:.9em;position:fixed;z-index:120}.generic{width:max-content}.navof .home{display:flex;justify-content:center;margin-left:15px;font-size:35px}.burguer__menu{height:100%;width:3em;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;background-color:#0ff0}.burguer-bar{width:3em;height:.45em;background-color:#00b7ff;border-radius:.5em;z-index:120}.menu{width:50%;height:100vh;background-color:#9ab5f088;position:absolute;top:0;right:0;position:fixed;z-index:100}.hidden{display:none;opacity:0;animation:ocultar .4s ease-in-out;z-index:-10}@keyframes ocultar{0%{z-index:10;opacity:100%}to{display:none}}.visible{animation:mostrar .5s ease-in-out}@keyframes mostrar{0%{opacity:0}to{opacity:100%}}.burguer-bar.clicked:nth-child(1){transform:rotate(45deg) translate(.25em,.8em);transition:ease-out .5s}.burguer-bar.clicked:nth-child(2){transform:scale(.1);transition:ease-out .5s}.burguer-bar.clicked:nth-child(3){transform:rotate(135deg) translate(-.5em,1em);transition:ease-out .5s}.burguer-bar.unclicked{transform:rotate(0) translate(0);transition:cubic-bezier(.175,.885,.32,1.275) .5s}.nav__list_1{padding:0;height:100%;margin:95px 0 0;display:flex;flex-direction:column;list-style:none;font-size:35px;justify-content:start;justify-items:center;align-items:center}.nav__item_1{margin-top:20px;margin-bottom:85px}.nav__item_2{margin-bottom:85px}.active{color:#00b7ff}}.aboutMe{background-color:#000;height:100vh;color:#f0f8ff;font-family:Caladea,serif}.about__contenedor{margin-top:40px;display:flex;flex-direction:column;justify-content:center;align-items:center}.x{width:350px;transform:translateY(-150%)}.X{margin-top:60px;width:60%;letter-spacing:1.5px;font-size:18px;transform:translateY(250%)}.about__continf{margin-top:60px;width:70%;letter-spacing:1.5px;font-size:17px;z-index:5}.sobremi{text-align:center}.abrir{transform:translateY(0);transition:all 1.5s;z-index:5}.card{position:relative;width:300px;height:300px;background:#fff;transform-style:preserve-3d;transform:perspective(1000px);box-shadow:10px 20px 40px #00000040;transition:1s;z-index:5}.card:hover{transform:translate(50%)}.card .imgBox{position:relative;width:100%;height:100%;z-index:1;transform-origin:left;transform-style:preserve-3d;background:rgb(45,41,41);transition:1s;box-shadow:10px 20px 40px #00000040;z-index:5}.card:hover .imgBox{transform:rotateY(-180deg)}.card .imgBox img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transform-style:preserve-3d;backface-visibility:hidden;z-index:5}.card .imgBox img:nth-child(2){transform:rotateY(180deg)}.card .details{position:absolute;top:0;left:0;width:100%;height:100%;padding:20px;display:flex;justify-content:center;align-items:center;background:rgb(45,41,41)}.card .details .content{display:flex;justify-content:center;align-items:center;flex-direction:column}.card .details .content h2{text-align:center;font-weight:700;line-height:1em}.card .details .content h2 span{color:#8da9c7;font-size:.8em}.card .details .content .social-icons{position:relative;display:flex;margin-top:10px}.card .details .content .social-icons a{display:inline-block;width:35px;height:35px;background:#333;color:#fff;display:flex;justify-content:center;align-items:center;text-decoration:none;margin:5px;font-size:18px;transition:.2s}.card .details .content .social-icons a:hover{background:#e21212}@media (min-width: 355px) and (max-width: 550px){.aboutMe{background-color:#000;height:100%;color:#f0f8ff;font-family:Caladea,serif}.header{width:100%;height:8vh;margin:0;padding:0;background-color:#000}.about__contenedor{margin-top:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:5}.x{width:300px;transform:translateY(-150%)}.X{margin-top:80px;width:40%;letter-spacing:1.5px;font-size:18px;transform:translateY(450%)}.about__continf{margin-top:300px;width:80%;letter-spacing:1.3px;font-size:18px;margin-bottom:30px;z-index:5}.abrir{transform:translateY(0);transition:all 1.5s;z-index:2}.card{display:flex;flex-direction:column;text-align:center;margin-top:20px;position:static;width:300px;height:300px;background:#fff;transform-style:none;transform:none;box-shadow:10px 20px 40px #00000040;transition:none;z-index:5}.card:hover{transform:none}.card .imgBox{position:static;width:100%;height:100%;z-index:1;transform-origin:none;transform-style:none;background-color:#171719;transition:none;box-shadow:10px 20px 40px #98858540;margin-bottom:35px;border-radius:10px;z-index:5}.card:hover .imgBox{transform:none}.card .imgBox img{position:static;width:100%;height:100%;object-fit:cover;transform-style:preserve-3d;backface-visibility:hidden;z-index:5}.card .imgBox img:nth-child(2){transform:rotateY(180deg)}.card .details{position:static;width:100%;height:100%;padding:0;display:inline;justify-content:center;align-items:center;background-color:#0f0f0f;margin-bottom:0;border-radius:10px}.card .details .content{display:inline-block}.card .details .content h2{text-align:center;font-size:32px;font-weight:700;line-height:1em}.card .details .content h2 span{color:#8da9c7;font-size:.8em}.card .details .content .social-icons,.card .details .content .social-icons a{display:none}}@media (min-width: 551px) and (max-width: 800px){.aboutMe{background-color:#000;height:100%;color:#f0f8ff;font-family:Caladea,serif}.header{width:100%;height:8vh;margin:0;padding:0;background-color:#000}.about__contenedor{margin-top:40px;display:flex;flex-direction:column;justify-content:center;align-items:center}.x{width:300px;transform:translateY(-150%)}.X{margin-top:80px;width:40%;letter-spacing:1.5px;font-size:18px;transform:translateY(450%)}.about__continf{margin-top:380px;width:80%;letter-spacing:1.5px;font-size:24px;margin-bottom:20px}.abrir{transform:translateY(0);transition:all 1.5s;z-index:20}.card{display:flex;flex-direction:column;text-align:center;margin-top:20px;position:static;width:400px;height:400px;background:#fff;transform-style:none;transform:none;box-shadow:10px 20px 40px #00000040;transition:none}.card:hover{transform:none}.card .imgBox{position:static;width:100%;height:100%;z-index:1;transform-origin:none;transform-style:none;background-color:#171719;transition:none;box-shadow:10px 20px 40px #98858540;margin-bottom:45px;border-radius:10px}.card:hover .imgBox{transform:none}.card .imgBox img{position:static;width:100%;height:100%;object-fit:cover;transform-style:preserve-3d;backface-visibility:hidden}.card .imgBox img:nth-child(2){transform:rotateY(180deg)}.card .details{position:static;width:100%;height:100%;padding:0;display:inline;justify-content:center;align-items:center;background-color:#0f0f0f;margin-bottom:0;border-radius:10px}.card .details .content{display:inline-block}.card .details .content h2{text-align:center;font-size:42px;font-weight:600;line-height:1.3em}.card .details .content h2 span{color:#8da9c7;font-size:.8em}.card .details .content .social-icons,.card .details .content .social-icons a{display:none}}@media (min-width: 801px) and (max-width: 1000px){.aboutMe{background-color:#000;height:100%;color:#f0f8ff;font-family:Caladea,serif}.header{width:100%;height:8vh;margin:0;padding:0;background-color:#000}.about__contenedor{margin-top:40px;display:flex;flex-direction:column;justify-content:center;align-items:center}.x{width:300px;transform:translateY(-150%)}.X{margin-top:80px;width:40%;letter-spacing:1.5px;font-size:18px;transform:translateY(450%)}.about__continf{margin-top:380px;width:80%;letter-spacing:1.5px;font-size:24px;margin-bottom:20px}.abrir{transform:translateY(0);transition:all 1.5s;z-index:20}.card{display:flex;flex-direction:column;text-align:center;margin-top:20px;position:static;width:400px;height:400px;background:#fff;transform-style:none;transform:none;box-shadow:10px 20px 40px #00000040;transition:none}.card:hover{transform:none}.card .imgBox{position:static;width:100%;height:100%;z-index:1;transform-origin:none;transform-style:none;background-color:#171719;transition:none;box-shadow:10px 20px 40px #98858540;margin-bottom:45px;border-radius:10px}.card:hover .imgBox{transform:none}.card .imgBox img{position:static;width:100%;height:100%;object-fit:cover;transform-style:preserve-3d;backface-visibility:hidden}.card .imgBox img:nth-child(2){transform:rotateY(180deg)}.card .details{position:static;width:100%;height:100%;padding:0;display:inline;justify-content:center;align-items:center;background-color:#0f0f0f;margin-bottom:0;border-radius:10px}.card .details .content{display:inline-block}.card .details .content h2{text-align:center;font-size:42px;font-weight:600;line-height:1.3em}.card .details .content h2 span{color:#8da9c7;font-size:.8em}.card .details .content .social-icons,.card .details .content .social-icons a{display:none}}@media screen and (min-device-height: 700px) and (max-device-height: 899px) and (min-width: 1000px){.about__continf{margin-top:40px;font-size:16px}.card{width:260px;height:260px}}*{box-sizing:border-box}.projects{background-color:#000;height:100vh;color:#f0f8ff;font-family:Caladea,serif}h1,h2,h3{margin:0;padding:0}.header{width:100%;height:8vh;margin:0;padding:0;background-color:#000}.container{display:flex;height:90%;align-items:center}.projects__contain{height:85vh;display:flex;flex-wrap:wrap;justify-content:space-between;margin-right:5%;margin-left:5%}.projects__card{width:350px;height:40%;margin:20px}.projects__card .face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px;overflow:hidden;transition:.5s}.projects__card .front{transform:perspective(600px) rotateY(0);box-shadow:0 5px 15px 8px #000}.projects__card .front .im{width:100%;object-fit:fill}.projects__card .front h3{position:absolute;bottom:0;width:100%;height:45px;line-height:45px;color:#fff;background:rgba(0,0,0,.4);text-align:center}.projects__card .back{transform:perspective(600px) rotateY(180deg);background:rgb(3,35,54);color:#f3f3f3;display:flex;flex-direction:column;justify-content:space-between;text-align:center;box-shadow:0 5px 15px 8px #000}.projects__card .back .link{border-top:solid 1px #f3f3f3;height:50px;line-height:50px;display:flex;justify-content:center}.projects__card .back .link a{color:#f3f3f3;margin-left:10px;margin-right:10px;font-size:45px;padding-top:2px}.projects__card .back h3{font-size:30px;margin-top:20px;letter-spacing:2px}.projects__card .back p{letter-spacing:1px;margin-left:8px;margin-right:8px}.projects__card:hover .front{transform:perspective(600px) rotateY(180deg)}.projects__card:hover .back{transform:perspective(600px) rotateY(360deg)}.abrir{transform:translate(0);transition:all 1.5s}.x1{width:350px;transform:translate(-150%)}.x2{width:350px;transform:translate(-350%)}.x3{width:350px;transform:translate(-400%)}.x4{width:350px;transform:translate(-150%)}@media (min-width: 355px) and (max-width: 550px){*{box-sizing:border-box}.projects{background-color:#000;height:100%;color:#f0f8ff;font-family:Caladea,serif}h1,h2,h3{margin:0;padding:0}.header{width:100%;height:8vh;margin:0;padding:0;background-color:#000}.container{display:flex;height:100%;align-items:center;justify-content:center;margin-top:30px}.projects__contain{height:100%;display:flex;flex-wrap:nowrap;justify-content:center;margin-right:0;margin-left:0;flex-direction:column}.projects__card{position:relative;width:280px;height:250px;margin:20px;z-index:2}.projects__card .face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px;overflow:hidden;transition:.5s}.projects__card .front{transform:perspective(600px) rotateY(0);box-shadow:0 5px 15px 8px #000}.projects__card .front .im{width:100%;height:100%;object-fit:fill}.projects__card .front h3{position:absolute;bottom:0;width:100%;height:45px;line-height:45px;color:#fff;background:rgba(0,0,0,.4);text-align:center}.projects__card .back{transform:perspective(600px) rotateY(180deg);background:rgb(3,35,54);color:#f3f3f3;display:flex;flex-direction:column;justify-content:space-between;text-align:center;box-shadow:0 5px 15px 8px #000}.projects__card .back .link{border-top:solid 1px #f3f3f3;height:50px;line-height:50px}.projects__card .back .link a{color:#f3f3f3}.projects__card .back h3{font-size:25px;margin-top:20px;letter-spacing:2px}.projects__card .back p{letter-spacing:1px;font-size:14px}.projects__card:hover .front{transform:perspective(600px) rotateY(180deg)}.projects__card:hover .back{transform:perspective(600px) rotateY(360deg)}.abrir{transform:translate(0);transition:all 1.5s}.x1{width:350px;transform:translate(-150%)}.x2{width:350px;transform:translate(-350%)}.x3{width:350px;transform:translate(-400%)}.x4{width:350px;transform:translate(-150%)}}@media (min-width: 551px) and (max-width: 800px){*{box-sizing:border-box}.projects{background-color:#000;height:100%;color:#f0f8ff;font-family:Caladea,serif}h1,h2,h3{margin:0;padding:0}.header{width:100%;height:8vh;margin:0;padding:0;background-color:#000}.container{display:flex;height:100%;align-items:center;justify-content:center;margin-top:30px}.projects__contain{height:100%;display:flex;flex-wrap:nowrap;justify-content:center;margin-right:0;margin-left:0;flex-direction:column}.projects__card{width:350px;height:350px;margin:20px;z-index:2}.projects__card .face{width:100%;height:100%;backface-visibility:hidden;border-radius:10px;overflow:hidden;transition:.5s}.projects__card .front{transform:perspective(600px) rotateY(0);box-shadow:0 5px 15px 8px #000}.projects__card .front .im{width:100%;height:100%;object-fit:fill}.projects__card .front h3{position:absolute;bottom:0;width:100%;height:45px;line-height:45px;color:#fff;background:rgba(0,0,0,.4);text-align:center;font-size:24px}.projects__card .back{transform:perspective(600px) rotateY(180deg);background:rgb(3,35,54);color:#f3f3f3;display:flex;flex-direction:column;justify-content:space-between;text-align:center;box-shadow:0 5px 15px 8px #000}.projects__card .back .link{border-top:solid 1px #f3f3f3;height:50px;line-height:50px}.projects__card .back .link a{color:#f3f3f3}.projects__card .back h3{font-size:28px;margin-top:20px;letter-spacing:2px}.projects__card .back p{letter-spacing:1px;font-size:16px}.projects__card:hover .front{transform:perspective(600px) rotateY(180deg)}.projects__card:hover .back{transform:perspective(600px) rotateY(360deg)}.abrir{transform:translate(0);transition:all 1.5s}.x1{width:350px;transform:translate(-250%)}.x2{width:350px;transform:translate(-450%)}.x3{width:350px;transform:translate(-500%)}.x4{width:350px;transform:translate(-250%)}}@media (min-width: 801px) and (max-width: 1000px){*{box-sizing:border-box}.projects{background-color:#000;height:100%;color:#f0f8ff;font-family:Caladea,serif}h1,h2,h3{margin:0;padding:0}.header{width:100%;height:8vh;margin:0;padding:0;background-color:#000}.container{display:flex;height:100%;align-items:center;justify-content:center;margin-top:30px}.projects__contain{height:100%;display:flex;flex-wrap:wrap;justify-content:space-around;margin-right:5%;margin-left:5%;margin-bottom:40px}.projects__card{position:relative;width:350px;height:350px;margin:20px;z-index:2}.projects__card .face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px;overflow:hidden;transition:.5s}.projects__card .front{transform:perspective(600px) rotateY(0);box-shadow:0 5px 15px 8px #000}.projects__card .front .im{width:100%;height:100%;object-fit:fill}.projects__card .front h3{position:absolute;bottom:0;width:100%;height:45px;line-height:45px;color:#fff;background:rgba(0,0,0,.4);text-align:center;font-size:24px}.projects__card .back{transform:perspective(600px) rotateY(180deg);background:rgb(3,35,54);color:#f3f3f3;display:flex;flex-direction:column;justify-content:space-between;text-align:center;box-shadow:0 5px 15px 8px #000}.projects__card .back .link{border-top:solid 1px #f3f3f3;height:50px;line-height:50px}.projects__card .back .link a{color:#f3f3f3}.projects__card .back h3{font-size:28px;margin-top:20px;letter-spacing:2px}.projects__card .back p{letter-spacing:1px;font-size:16px}.projects__card:hover .front{transform:perspective(600px) rotateY(180deg)}.projects__card:hover .back{transform:perspective(600px) rotateY(360deg)}.abrir{transform:translate(0);transition:all 1.5s}.x1{width:350px;transform:translate(-250%)}.x2{width:350px;transform:translate(-450%)}.x3{width:350px;transform:translate(-500%)}.x4{width:350px;transform:translate(-250%)}}@media screen and (min-device-height: 700px) and (max-device-height: 899px){.projects__card .back .link a{font-size:40px}.projects__card .back h3{font-size:25px;margin-top:18px;letter-spacing:2px}.projects__card .back p{letter-spacing:1px;margin-left:8px;margin-right:8px;font-size:13px}.projects__card .front img{position:absolute;width:100%;height:100%;object-fit:cover}}img{width:100%;height:100%}span,p{margin:0;padding:0}