@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Cal+Sans&display=swap";html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background-color:#fff;font-family:Arial,Helvetica,sans-serif}.colorp{color:#679ef1}.nav-bar{display:flex;align-items:center;justify-content:center;width:100%;height:100px;background-color:#000;color:#fff;font-size:20px;margin:0}.nav-bar ul{list-style:none;display:flex;gap:3rem;padding:0}.nav-bar li{text-decoration:none}.nav-bar a{text-decoration:none;list-style:none;color:#fff}.nav-bar h1{margin:0}.homepage-div{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#fff;min-height:90vh;width:100%;border:px solid red;background-color:#e5e5f7;opacity:1;background-image:radial-gradient(#444cf7 .7px,#e5e5f7 .8px);background-size:18px 18px}.profileimage{height:600px;width:auto;position:absolute;z-index:1}.profileimage0{height:600px;width:auto;position:relative;z-index:1}.skills-page-img{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:auto;border:px solid red;z-index:0;top:230px;left:0}@media (max-width: 1136px){.skills-page-img{top:350px;left:0}}@media (max-width:870px){.skills-page-img{top:250px;left:0}}.homepage-imagen{position:relative;height:auto;width:100%;display:flex;justify-content:center;align-items:center;top:0;left:0;z-index:1}.homepage-text{position:relative;top:65px;left:0;z-index:1;height:auto;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;border:px solid black;font-family:Cal Sans,sans-serif;font-weight:400;z-index:0}.homepage-text-footer{position:relative;top:-100px;left:0;height:auto;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;border:px solid black;font-family:Cal Sans,sans-serif;font-weight:400;z-index:1}.homepage-text-footer h1,.homepage-text h1{font-size:100px;margin:0}.homepage-text h2{margin-top:0}.hireme-button{display:flex;width:100px;height:auto;text-align:left;align-items:center;justify-content:space-around;background-color:#fff;border:none;border-bottom:2px solid black;font-weight:700;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;cursor:pointer;transition:.2s ease;gap:10px}.arrow-image{height:20px;width:auto}.hireme-button:hover{border-bottom:3px solid black}.homepage-contenido{position:relative;display:flex;height:600px;width:100%;justify-content:center;align-items:center;border:px solid black}@media (max-width: 940px){.homepage-text-footer h1{font-size:80px}}@media (max-width: 750px){.homepage-text h1{font-size:55px}.homepage-text{top:48px}.homepage-text-footer h1{font-size:40px}.homepage-text-footer{top:-80px}}@media (max-width: 420px){.profileimage0{height:500px}.homepage-text-footer h1{font-size:36px}.homepage-text{top:90px}.homepage-text h1{font-size:50px}.homepage-text-footer{top:-110px}}.homepage-footer-div{border-top:2px solid rgb(0,0,0);border-bottom:2px solid rgb(0,0,0);display:flex;justify-content:center;align-items:center;width:100%;height:95px;background-color:#679ef1;--s: 16px;--c1: #679ef1;--c2: #77a3e6;--c3: #2c2e2a;--p:at 45% 40%,#0000 75%,;--g1:conic-gradient(var(--p) var(--c1) 0);--g2:conic-gradient(var(--p) var(--c2) 0);background:var(--g1),var(--g2) calc(2*var(--s)) 0,var(--g2) calc(3*var(--s)) var(--s),var(--g1) var(--s) var(--s) var(--c3);background-size:calc(4*var(--s)) calc(2*var(--s))}.bounce{animation:bounce 2s ease-in-out infinite;display:inline-block;position:relative}@keyframes bounce{0%,to{transform:translateY(10px)}50%{transform:translateY(-10px)}}.aboutpage-div{display:flex;justify-content:center;flex-direction:column;align-items:center;position:relative;background-color:#fff;width:100%;height:110vh;margin-bottom:120px;margin-top:120px}@media (max-width: 375px){.aboutpage-div{padding-top:100px}}.aboutpage-contenido{position:relative;border:px solid red;justify-content:center;align-items:center;display:flex;width:100%;height:auto}.aboutcontent-fix-div{border:px solid blue;width:100%;display:flex;justify-content:center;align-items:center}.about-content-card{display:flex;position:relative;top:0;left:200px;background-color:#252525;background-color:#fff;color:#000;justify-content:center;align-items:center;text-align:left;flex-direction:column;max-width:400px;border:2px solid rgb(0,0,0);border-radius:10px;padding:20px;font-family:Cal Sans,sans-serif;box-shadow:0 1px 14px #000000bf;-webkit-box-shadow:0px 1px 14px 0px rgba(0,0,0,.75);-moz-box-shadow:0px 1px 14px 0px rgba(0,0,0,.75);z-index:1}.aboutpage-image-div{position:relative;display:flex;justify-content:center;align-items:center;top:240px;left:-200px;width:100%;height:auto;border:px solid red}.aboutpage-title{align-items:center;justify-content:center;display:flex;width:100%;flex-direction:column;flex-wrap:wrap;background-color:#fff}.about-card-title{display:flex;justify-content:flex-start;align-items:center;border:px solid red;width:100%;padding:5px}.about-card-title h1,h2,h5{margin:0}.about-card-title h5{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:16px}@media (max-width: 870px){.about-content-card{top:0;left:0;width:85%}.aboutpage-image-div{top:0;left:0}.profileimage{height:500px}}.title-div{display:flex;justify-content:center;align-items:center;min-height:150px;width:100%;background-color:#fff}.title-line{border-bottom:2px solid black;display:flex;width:80%;justify-content:center;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:clip}.title-line h1{margin-top:20px;margin-bottom:0;font-size:100px;font-family:Cal Sans,sans-serif}@media (max-width: 600px){.title-line h1{font-size:70px}}.skills-content-div{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;background-color:#0000;border-radius:40px;height:auto;width:50%;border:px solid rebeccapurple;z-index:1;gap:15px}@media (max-width: 750px){.skills-content-div{width:100%;gap:5px;justify-content:center}}.skills-card{display:flex;height:40px;width:auto;justify-content:center;align-items:center;border:1px solid #8f8f8f;color:#fff;border-radius:10px;background-color:#181818;padding:5px 10px;gap:8px;transition:.2s ease-in}.tech-images{width:35px;height:35px}@media (max-width: 430px){.skills-card{width:140px}.tech-images{height:25px;width:25px}}.skills-card:hover{background-color:#313131}.skills-card h4{margin:0;font-size:20px;font-family:Courier New,Courier,monospace;font-weight:500}.skills-description{color:#fff;display:flex;align-items:center;justify-content:center;text-align:left;border:px solid rebeccapurple;font-family:Courier New,Courier,monospace;width:50%;height:auto;z-index:1}@media (max-width: 750px){.skills-description{width:95%}}.skillspage-div{display:flex;flex-direction:column;background-color:#1f1f1f;width:100%;min-height:100vh;justify-content:center;align-items:center;border:px solid rgb(0,0,0);border-top-right-radius:60px;border-top-left-radius:60px;margin-top:80px}@media (max-width: 750px){.skillspage-div{border-top-right-radius:20px;border-top-left-radius:20px}}.tech-skills-container{border:px solid red;display:flex;align-items:center;justify-content:space-evenly;flex-wrap:wrap;height:auto;width:100%;margin-top:200px;margin-bottom:200px;overflow-x:hidden}.tech-skills-card{border:2px solid #679ef1;border-radius:15px;display:flex;justify-content:center;align-items:center;height:auto;width:300px;flex-direction:column;background-color:#1f1f1f;padding:20px;box-shadow:0 2px 17px #000000bf;-webkit-box-shadow:0px 2px 17px 0px rgba(0,0,0,.75);-moz-box-shadow:0px 2px 17px 0px rgba(0,0,0,.75);margin:15px;z-index:1}.tech-logo-div{display:flex;justify-content:center;align-items:center;width:100%;min-height:120px;border:px solid red}.tech-skills-title{display:flex;justify-content:center;align-items:center;width:100%;min-height:50px;border-bottom:1px solid white;color:#e5e5f7;font-family:Cal Sans,sans-serif;z-index:1}.tech-skills-title h2{font-weight:400;z-index:1}.skills-title p{font-family:Courier New,Courier,monospace}.tech-skills-description{display:flex;align-items:flex-start;justify-content:center;border:px solid red;text-align:left;color:#fff;min-height:250px;width:100%}.tech-skills-description p{margin-top:80px;font-family:Verdana,Geneva,Tahoma,sans-serif}.skills-title{display:flex;align-items:center;justify-content:center;border:px solid red;height:auto;width:100%;margin-bottom:10px;color:#fff;font-family:Cal Sans,sans-serif;z-index:1}.skills-title h2{font-weight:400}.projects-div{display:flex;position:relative;justify-content:center;align-items:center;min-height:90vh;background-color:#fff;border:px solid rgb(29,228,46);margin-top:100px;margin-bottom:100px}.projects-content{position:relative;border:px solid rgb(228,29,185);width:100%}.projects-logo{position:relative;display:flex;justify-content:center;top:0;left:0;border:px solid rgb(228,29,29)}.projects-container-card{position:relative;display:flex;height:auto;width:100%;flex-direction:column;justify-content:center;align-items:center;margin-top:250px;top:0;left:0;z-index:1;border:px solid rgb(41,110,93)}.projects-card{display:flex;justify-content:center;align-items:center;height:500px;width:900px;border-radius:12px;background-color:#585858;border:px solid rebeccapurple;margin:10px;position:relative;transition:.9s ease;overflow:hidden;box-shadow:0 12px 18px -4px #000000bf;-webkit-box-shadow:0px 12px 18px -4px rgba(0,0,0,.75);-moz-box-shadow:0px 12px 18px -4px rgba(0,0,0,.75)}.projects-card:hover img{transform:scale(1.4)}.project-image{width:100%;height:100%;pointer-events:none;border-radius:12px;object-fit:cover;transition:.5s ease;filter:blur(0px);border:px solid rgb(255,0,179)}.project-image:hover{filter:blur(0px)}.projects-text{display:flex;justify-content:center;width:auto;height:auto;align-items:center;flex-direction:column;margin:0 0 40px;font-family:Cal Sans,sans-serif;border:px solid red}.projects-text h1{margin:0;font-size:40px}.projects-text-description{display:flex;justify-content:center;align-items:center;border:px solid red;height:auto;width:50%;font-family:Verdana,Geneva,Tahoma,sans-serif}@media (max-width: 750px){.projects-text-description{width:95%}}.code-button{display:flex;justify-content:center;align-items:center;height:30px;width:100px;font-weight:700;border:2px solid #000000;border-radius:5px;color:#fff;background-color:#000;gap:5px;cursor:pointer;transition:.4s ease;margin:10px}.code-button:hover{transform:scale(1.07);background-color:#181818}.projects-skills-container{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;border:px solid rgb(0,0,0);width:100%;height:auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.projects-skills-card{display:flex;justify-content:center;align-items:center;height:30px;width:100px;background-color:#3b83f6e7;border-radius:5px;color:#fff;font-weight:700;margin:10px}.projects-text-buttons{display:flex;justify-content:center;align-items:center;border:px solid red;width:100%;height:100px}.live-button{display:flex;justify-content:center;align-items:center;height:30px;width:100px;font-weight:700;border:2px solid #000000;border-radius:5px;color:#fff;background-color:#000;gap:5px;cursor:pointer;transition:.4s ease;margin:10px}.live-button:hover{transform:scale(1.07);background-color:#181818}a{text-decoration:none;color:inherit}.profileimage1{height:600px;width:auto;position:absolute;z-index:1}@media (max-width: 420px){.profileimage1{height:500px}}@media (max-width: 915px){.projects-card{width:95%}.project-image{width:150%;height:auto;overflow:hidden}.projects-card:hover img{transform:scale(1.4)}}@media (max-width: 600px){.project-image{width:200%;height:auto}.projects-card:hover img{transform:scale(1.4)}.projects-text-title h1{font-size:25px}}@media (max-width: 600px){.projects-card{height:300px}}.contact-info-container{display:flex;justify-content:center;align-items:center;width:100%;height:auto;background-color:#1f1f1f;border:px solid red;padding-top:200px;padding-bottom:200px;flex-direction:column;position:relative;overflow:hidden}.contact-title{display:flex;align-items:center;justify-content:flex-start;width:50%;height:auto;border:px solid white;color:#fff;font-family:Cal Sans,sans-serif;overflow:hidden}.contact-title h2{margin:0;font-weight:400;border-bottom:2px solid #679ef1}.contact-description{display:flex;justify-content:center;align-items:center;height:auto;width:100%;border:px solid blue;color:#fff;z-index:1}.contact-description p{font-family:Courier New,Courier,monospace;font-weight:400;margin:20px}.social-div{display:flex;border:px solid blueviolet;height:auto;width:50%;flex-direction:column;margin:10px}.social-title{display:flex;justify-content:flex-start;align-items:center;height:auto;width:auto;color:#fff;gap:20px}.link-img{height:15px;width:15px}.social-title p{margin:0}.social-title h3{font-family:Cal Sans,sans-serif;border-bottom:2px solid #679ef1;font-weight:400;margin:0}.social-click-container{display:flex;justify-content:flex-start;align-items:center;height:auto;width:auto;color:#fff;cursor:pointer}.social-click-container p{border-bottom:1px solid white}.profile-img-contact{height:400px;width:auto;position:absolute}.contact-profile-img-container{position:relative;display:flex;top:-150px;left:150px;justify-content:center;align-items:center;height:auto;width:100%;border:px solid orange;z-index:0}@media (max-width: 700px){.contact-profile-img-container{top:-140px;left:30px}.contact-title,.social-div{width:95%}}.footer-container{display:flex;justify-content:center;align-items:center;width:100%;height:100px;background-color:#181818;color:#d8d8d8;font-family:Cal Sans,sans-serif}.footer-container p{font-weight:400;font-size:13px}.footer-content{display:flex;justify-content:space-between;border-top:1px solid rgb(0,0,0);align-items:center;width:80%;height:auto}.back-to-top{cursor:pointer;transition:.4s ease;font-size:13px}.back-to-top:hover{transform:scale(1.1)}