.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@font-face{font-family:ProductSans;src:url(/david.dev/_astro/ProductSans-Bold.jaO9kdFa.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:ProductSans;src:url(/david.dev/_astro/ProductSans-Light.C8TbQiGG.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:ProductSans;src:url(/david.dev/_astro/ProductSans-Regular.B8YizABW.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ProductSans;src:url(/david.dev/_astro/ProductSans-Medium.BQ4RHNXI.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}html{scroll-behavior:smooth}:root{--base-background-color: #fff;--text-color: #000;--secondary-color: #636363;--tertiary-color: #999;--hover-background-color: rgba(43, 54, 80, .5);--contact-background-color: rgba(139, 139, 139, .281);--hover-background-navbar: rgba(151, 151, 151, .373);--background-navbar: rgba(188, 188, 188, .576);--background-footer: #bcbcbc;--glowing-color: radial-gradient( #8a8a8a2f, #a3a3a356, transparent, transparent );--logo: "/david.dev/img/Lg_BN.png";--title-section-color: #636363;--title-section-gradient: linear-gradient(90deg, #52525a 0%, #494e55 100%)}.darkmode{--base-background-color: radial-gradient( circle at right top, #1f2f4a, #0d1015 );--text-color: #fff;--secondary-color: #a8a8a8;--tertiary-color: #999;--hover-background-color: rgba(43, 54, 80, .5);--contact-background-color: rgba(43, 54, 80, .5);--hover-background-navbar: rgba(43, 54, 80, .5);--background-navbar: rgba(20, 31, 53, .576);--background-footer: #17181c;--glowing-color: radial-gradient( #192740f1, #192740d1, transparent, transparent );--title-section-color: #fff;--logo: "/david.dev/img/Lg_BN.png";--title-section-gradient: linear-gradient(90deg, #fff 0%, #b3b3e6 100%)}*{margin:0;padding:0}body{max-width:1400px;font-family:ProductSans;background:var(--base-background-color);overflow-x:hidden;margin:0 auto}body:before{content:"";position:absolute;top:var(--y);left:var(--x);transform:translate(-50%,-50%);width:500px;height:500px;background:var(--glowing-color);overflow:hidden;pointer-events:none;z-index:-1}body:hover:before{opacity:1}.content{margin:100px 20px;position:relative;overflow-x:hidden}.title-section span{background:var(--title-section-gradient);color:transparent;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;font-size:35px}.label-section{color:#fff;font-size:20px;font-weight:lighter;margin:15px 0 30px}@media (max-width: 768px){.footer-links{flex-wrap:wrap;margin-bottom:10px}.social-icon{margin-bottom:10px}}.container-index{margin:20px auto;display:flex;justify-content:space-between;overflow:hidden;width:90%}.container-index .left-column{order:1;width:70%;margin:auto;padding:10px;color:var(--text-color)}.container-index .left-column .name{line-height:1;font-size:50px;font-weight:700;margin-bottom:20px}.container-index .left-column .name span{background:linear-gradient(90deg,#043164,#7b86fe);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.container-index .left-column .description{color:var(--text-color);font-size:25px;font-weight:lighter;margin-bottom:5px}.container-index .left-column .slogan{color:20px;color:var(--secondary-color);margin-bottom:5px}.container-index .right-column{order:2;width:30%;padding:10px}.contact{display:flex;margin:15px 0}.contact a{color:var(--secondary-color);margin:5px;padding:5px;border-radius:5px}.contact a:hover{cursor:pointer;background:var(--contact-background-color)}.container-index .right-column{order:2;width:30%;padding:10px;mask-image:linear-gradient(#10151d 40%,transparent)}.container-index .right-column img{position:relative;top:-20px;margin:10px auto;width:80%;filter:drop-shadow(0 0px 5px rgba(32,52,105,.473));mask-image:linear-gradient(#10151d 90%,transparent)}@media (max-width: 700px){.container-index .left-column .name br{display:none}.container-index{width:100%;display:block;margin:20px auto}.container-index .left-column{width:100%;margin:auto}.container-index .right-column{order:1;display:flex;justify-content:center;align-items:center;width:100%}.container-index .right-column img{top:-20px;width:150px;margin:10px auto}.container-index .left-column .name{width:100%;font-size:35px;margin:10px 0}.container-index .left-column .description,.container-index .left-column .slogan{width:100%;margin:8px 0;font-size:16px}.contact{display:flex;margin:5px 0}.contact a{text-align:left;margin:2px 2px 2px 0;padding:5px;border:none}}.navigation-bar{max-width:1400px;display:flex;padding:5px;justify-content:space-between;top:0;z-index:100;position:fixed;width:100%;transition:background .3s ease}.navigation-bar.scrolled{background:var(--background-navbar);backdrop-filter:blur(5px)}.navigation-bar .logo{display:flex;justify-content:flex-start;align-items:center;width:20%}.navigation-bar .logo .img-logo{width:50px;height:50px;background-size:cover;background-position:center}.navigation-bar .logo p{color:var(--text-color);font-size:20px;margin-left:5px}.navigation-bar .menu{width:75%;display:flex;justify-content:center;align-items:center}.navigation-bar .menu ul{display:flex;justify-content:center;align-items:center;padding:0;margin:0;list-style:none}.navigation-bar .menu ul li{margin:0 10px}.navigation-bar .menu ul li a{padding:10px 15px;color:var(--text-color);text-decoration:none;font-weight:400}.navigation-bar .menu .active{background:var(--hover-background-navbar);border-radius:5px;font-weight:500;backdrop-filter:blur(5px);transition:background .3s ease,padding .3s ease}.navigation-bar .menu ul li a:hover{background:var(--hover-background-navbar);border-radius:5px;backdrop-filter:blur(5px);transition:background .3s ease,padding .3s ease}.theme{display:flex;justify-content:center;align-items:center;margin:auto;width:5%}.theme .dark,.theme .light{text-decoration:none;color:var(--text-color);font-size:20px}.theme .dark{display:block}.theme .light{display:none}.hamburger-btn{display:none;font-size:30px;cursor:pointer;color:var(--text-color)}@media (max-width: 700px){.navigation-bar{width:100%;justify-content:space-between}.navigation-bar .logo{display:none}.navigation-bar .menu ul li a{padding:5px 10px;color:var(--text-color);text-decoration:none;font-size:16px}.navigation-bar .menu ul li{margin:0 5px}}@media (max-width: 500px){.navigation-bar{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.hamburger-btn{display:block}#menu{flex-direction:column;position:absolute;top:47px;left:0;width:100%;margin:0 auto;background:var(--background-navbar);backdrop-filter:blur(5px)}.menu.hiden{display:none}#menu ul{flex-direction:column;align-items:center;padding:0}#menu ul li{margin:10px 0}#menu ul li a{font-size:18px;padding:10px 20px}.theme{margin-right:10px}}.projects{max-width:100%;display:flex;margin:20px auto;justify-content:space-around}.card-project{display:flex;background:#36363639;backdrop-filter:blur(20px);border-radius:10px;width:600px;overflow:hidden;transition:background .3s ease;transition:transform .1s ease;border:2px solid transparent;position:relative}.card-project:hover{border:2px solid #04316457}.cards .card-project:before{content:"";position:absolute;top:var(--y);left:var(--x);transform:translate(-50%,-50%);width:400px;height:400px;background:var(--glowing-color);overflow:hidden;pointer-events:none;z-index:1}.cards .card-project:hover:before{opacity:1}.card-project .project-information,.card-project .project-image-wrapper{position:relative;z-index:2}.card-project .project-image-wrapper{width:40%;height:auto;overflow:hidden;border-radius:5px 0 0 5px}.card-project .project-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.card-project:hover .project-image{transform:scale(1.1)}.card-project .project-information{width:60%;margin:auto 20px}.card-project .project-information .project-title{color:var(--text-color);font-weight:700;font-size:25px;text-align:center;margin-top:15px}.card-project .project-information .project-description{color:var(--secondary-color)}.card-project .project-information .tags{width:100%;display:flex;justify-content:center;align-items:flex-start}.card-project .project-information .tags ul{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:0;list-style:none;margin:15px 0}.card-project .project-information .tags ul li{padding:5px 15px;color:var(--text-color);text-decoration:none;font-weight:400;background:#9898983e;border-radius:10px}.card-project .project-information .project-links{display:flex;flex-wrap:wrap;gap:10px}.card-project .project-information .project-links a{width:110px;color:#fff;display:flex;text-decoration:none;align-items:center;align-content:center;margin:15px 0;padding:5px 10px;background:#4f4f4f78;border-radius:5px}.card-project .project-information .project-links a:hover{background:#34343478}.card-project .project-information .project-links p{margin-left:5px}@media (max-width: 800px){.projects{width:100%}.card-project{flex-direction:column;width:340px;margin:0 auto}.card-project .project-image-wrapper,.card-project .project-image{width:100%;height:auto}.card-project .project-information{width:90%;margin:0 auto;padding:10px}.card-project .project-information .project-links{margin:5px auto}}@media (max-width: 700px){.projects{width:100%;flex-direction:column}.cards{flex-direction:column;margin:20px 0}.card-project{display:block;width:95%;margin:0 auto}.card-project .project-image-wrapper,.card-project .project-image{width:100%;height:auto}.card-project .project-information{width:90%;margin:0 auto;padding:10px}.card-project .project-information .project-title{font-size:20px;text-align:center;margin:10px 0}.card-project .project-information .project-description{width:100%;font-size:14px;text-align:justify}.card-project .project-information .tags ul{justify-content:center}.card-project .project-information .tags ul li{font-size:12px;padding:3px 10px}.card-project .project-information .project-links{justify-content:center}.card-project .project-information .project-links a{text-align:center;padding:10px}.card-project .project-information .project-links p{margin:0}}.container-aboutme{width:90%;display:flex;background:#24324d28;border-radius:15px;border:1px solid rgba(36,50,77,.278);margin:40px auto;padding:15px;align-items:center;justify-content:center;transition:background .3s ease}.container-aboutme:hover{background:#24324d43}.container-aboutme:hover .txt-aboutme{color:var(--text-color)}.container-aboutme .txt-aboutme{color:var(--secondary-color)}.skils{width:100%;display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:40px auto}.skil{display:flex;justify-content:center;align-items:center;color:var(--secondary-color);border-radius:5px;border:.2px solid #ababab4c;width:200px;padding:10px 0;transition:background .3s ease,padding .3s ease;margin:5px 10px;overflow:hidden;gap:10px}.skil:hover{background:#9f9f9f31}.skil svg{width:40px}.skil:hover svg,.skil:hover p{transform:scale(1.1);transform-origin:center;transition:transform .3s ease}.skil svg,.skil p{transition:transform .3s ease}.skil p{margin-left:5px;font-size:25px;font-weight:700}.skil.angular:hover{color:#dd0031}.skil.astro:hover{color:#ff5a03}.skil.bootstrap:hover{color:#7952b3}.skil.css:hover{color:#2965f1}.skil.html:hover{color:#e34f26}.skil.javascript:hover{color:#d9c317}.skil.mongodb:hover{color:#47a248}.skil.mysql:hover{color:#00758f}.skil.nodejs:hover{color:#68a063}.skil.sass:hover{color:#c69}.skil.typescript:hover{color:#007acc}@media (max-width: 700px){.skil{width:130px;padding:5px 0;margin:5px;gap:5px}.skil p{margin-left:5px;font-size:18px;font-weight:500}.skil svg{width:20px}}.timeline{position:relative;max-width:100%;margin:50px 30px;width:100%}.timeline:before{content:"";position:absolute;left:14px;top:0;width:2px;height:100%;background-color:#7d7d7d6a;z-index:0}.timeline-item{position:relative;padding-left:30px;margin-bottom:20px;z-index:1}.timeline-item:before{content:none}.timeline-icon{position:absolute;left:7px;top:20px;width:15px;height:15px;background:linear-gradient(90deg,#01254e,#394090);border-radius:50%;z-index:2}.timeline-content{padding:10px;border-radius:8px}.job-role{color:var(--secondary-color);font-weight:700;font-size:25px}.company{display:block;font-weight:700;font-size:20px;margin:5px 0;color:var(--tertiary-color)}.more-info{color:var(--secondary-color);text-decoration:none;margin-top:10px;font-weight:500;display:inline-block}.job-date{color:#999;margin:5px 0}.job-description{color:var(--secondary-color);font-size:16px}@media (max-width: 700px){.timeline{width:100%;margin:50px auto}}.footer{background-color:var(--background-footer);padding:10px 20px;display:flex;align-items:center;justify-content:space-between;color:var(--secondary-color);font-size:15px}.footer-icons{display:flex;align-items:center;gap:5px;margin:0}.footer-icons a svg{text-decoration:none;color:var(--secondary-color);cursor:pointer;width:30px;transition:background .2s ease;border-radius:5px}.footer-icons a svg:hover{background:#979797;color:var(--background-footer)}.text-footer p{margin:0;font-weight:300;display:flex;align-items:center}@media (max-width: 500px){.footer-icons{gap:15px}.footer{padding:15px}}