@font-face{font-family:Raleway;src:url(/assets/Raleway-Regular-B0Bc4KU0.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:block}@font-face{font-family:Raleway;src:url(/assets/Raleway-Regular-Italic-7XZS54YE.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:block}@font-face{font-family:Poppins;src:url(/assets/Poppins-Medium-C8OXljZJ.woff2) format("woff2");font-weight:500;font-style:normal;font-display:block}:root{color-scheme:light dark;color:#ffffffde;--color: #ffffffde;background:linear-gradient(to right,#01000f,#01000f,#01000f,#01000f,#00122e);--background: #01000f;--shadow: 5px 5px 10px rgba(0, 0, 0, .1);--shadow-hover: 5px 5px 10px rgba(0, 0, 0, 1.1);--image: url(/assets/theme/pattern-dark.avif);--image-M: url(/assets/theme/pattern-dark-m.svg);--primary: #20adff;--primary-100: #20adff;--primary-200: #35aeff;--primary-900: #20a6ff86;--hover-100: #82cdff;--hover-900: #005085;--border: #377dff67;--border-100: #20a6ffbb;--border-200: #20a6ff86;--back: #000a1d;--back-hover: #001131;--about-stack: #000e27;--about-stack-hover: #000a1d;--button: #47d4ff7a;--button-M: #20a6ffce;--button-back: #00091a;--cant: #cf3374;--cant-back: #5a0328;--active: #54c0ff;--active-M: #a6f2ff;--not-active: #20a6ffbb;--not-active-M: #54c0ffef;--active-background: #20a6ff69;--active-nav-background: linear-gradient(to top, #000816f8, #003066f8);--skills-color: #FFF;--skills-background: #000a1d;--skills-border: #377dff67;--project-border: #004fa8;--project-border-neon: inset 0 0 10px #20adff48, 0 0 15px #20adff48;--project-border-M: #20adff;--project: linear-gradient(to top, #000716, #00183a);--project-M: linear-gradient(to top, #00091a, #00244d);--one: #7fd6ff;--two: #f325f3;--three: #c9eb0c;--four: #4be04b;--copy: #ffffffa9;font-family:Raleway,Poppins,sans-serif;line-height:1.5;font-weight:400;font-style:normal;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: light){:root{color:#213547;--color: #213547;background:linear-gradient(to right,#f8f8f8,#f8f8f8,#f8f8f8,#f1f1f1);--background: #f8f8f8;--shadow: 5px 5px 10px rgba(0, 0, 0, .18);--shadow-hover: 5px 5px 10px rgba(0, 0, 0, .35);--image: url(/assets/theme/pattern-light.avif);--image-M: url(/assets/theme/pattern-light-m.svg);--primary: #646cff;--primary-100: #7e85ff;--primary-200: #454eff;--primary-900: #7e85ff;--hover-100: #000dff;--hover-900: #b9bdff;--border: #b3b7ff;--border-100: #7e85ff;--border-200: #969bff93;--back: #f0f0f0;--back-hover: #f3f3f3;--about-stack: #f0f0f0;--about-stack-hover: #f0f0f0;--button: #969cff;--button-M: #8284ff;--button-back: #ffffff;--cant: #cf3374;--cant-back: #fa9fc5;--active: #000dff;--active-M: #1b27ff;--not-active: #646cffe1;--not-active-M: #646cff;--active-background: #646cff52;--active-nav-background: linear-gradient(to right, #f8f8f8f8, #f8f8f8f8, #f0f0f0f8);--skills-color: var(--color);--skills-background: #f0f0f0;--skills-border: #b3b7ff;--project-border: #646cff9d;--project-border-neon: inset 0 0 10px #20adff48, 0 0 15px #20adff48;--project-border-M: #646cff9d;--project: linear-gradient(to bottom, #f7f7f7, #f7f7f7);--project-M: linear-gradient(to bottom, #f8f8f8, #f3f3f3);--one: #008cff;--two: #ac00ac;--three: #cfb313;--four: #11c911;--copy: #8ca2b4}}*{scroll-behavior:smooth;margin:0;padding:0}body{display:flex;align-items:center;justify-content:center;margin:0;padding:0;outline:none;overflow-x:hidden}a{font-weight:500;color:var(--primary);text-decoration:none;cursor:pointer}a:hover{color:var(--primary)}h1,h2,h3,p,a,.png,img,svg{-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:0px}.container{max-width:1200px;min-height:calc(100vh - 40px);background-repeat:no-repeat}@media (max-width: 600px){.container{min-width:100%;max-width:100%}}.center{display:flex;align-items:center;justify-content:center;width:1150px}@media (max-width: 600px){.center{width:100%}}.pt{padding-top:30px}.Title{padding:100px 0 0;font-size:36px;font-weight:600;color:var(--primary)}@media (max-width: 600px){.Title{padding:110px 0 0;font-size:34px;color:var(--primary-100)}}.TitleCenter{text-align:center;padding:110px 0 0;font-size:38px;font-weight:700;margin-top:10px;color:var(--primary)}@media (max-width: 600px){.TitleCenter{padding:110px 0 0;font-size:34px;color:var(--primary-100)}}.button{display:flex;align-items:center;justify-content:center;width:210px;height:45px;gap:5px;font-size:13px;font-weight:600;border-radius:50px;border:1px solid var(--button-M);background-color:var(--button-back);color:var(--button-M);box-shadow:var(--shadow);transition:.2s}.button i{font-size:20px;margin:0 -2px -4px -4px}@media (min-width: 600px){.button:hover{color:var(--hover-100);border-color:var(--primary);background-color:var(--hover-900);transform:translateY(-2px);box-shadow:var(--shadow-hover)}}@media (max-width: 600px){.button{margin:10px 0 0}}.routes-button{margin-top:25px}@media (max-width: 600px){.routes-button{margin-top:15px}}.back-to-home{display:flex;align-items:center;justify-content:center;width:100px;height:60px;border-radius:15px;border:1px solid var(--button-M);background-color:var(--button-back);color:var(--button-M);box-shadow:var(--shadow);transition:.2s}.back-to-home svg{font-size:30px}@media (max-width: 600px){.back-to-home svg{font-size:30px}}@media (min-width:800px){.nav-links a:after{content:"";width:0%;height:2px;left:0;bottom:2px;position:absolute;background-color:var(--not-active);transition:.23s}.nav-links a.active:after{content:"";width:0%;height:2px;left:0;bottom:2px;position:absolute;background-color:var(--active);transition:.23s}.nav-links a:hover:after{width:100%}.nav-logo a:hover{color:var(--hover-100)}}nav{position:fixed;display:flex;align-items:center;justify-content:center;top:15px;left:0;width:100%;height:60px;z-index:10}.Navbar{display:flex;align-items:center;justify-content:space-between;width:1110px;height:50px;padding:10px 20px;border-radius:15px;border:1px solid var(--primary);background-color:transparent;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:var(--shadow)}.toggleMenu{display:none;flex-direction:column;cursor:pointer;padding:5px;margin-right:-5px}.toggleMenu .bar{width:25px;height:2px;margin:2.5px;background-color:var(--primary)}.nav-logo a{font-size:20px;color:var(--primary);transition:.2s}.nav-links{display:flex;justify-content:space-around;transition:.3s ease}.nav-links a{font-size:13px;margin-left:0;margin-right:0;padding:5px;-webkit-user-select:none;user-select:none;color:var(--not-active)}.nav-link-btn{padding:5px 8px;border:1px solid aquamarine;border-radius:8px;background-color:#7fffd4}.nav-links a{transition:.3s;position:relative}.nav-links a.active{color:var(--active);transition:.3s}@media (max-width:800px){.Navbar a:active{color:var(--hover-100)}nav{top:20px}.Navbar{position:relative;max-width:80%;border-color:var(--primary-100)}.toggleMenu{display:flex}.nav-links{align-items:center;flex-direction:column;justify-content:center;position:absolute;overflow:hidden;top:75px;right:0;width:100%;height:0px;opacity:1;gap:2px;padding:0;border-radius:15px;border:0px solid var(--primary);background:var(--active-nav-background);transition:.4s}.nav-links a{width:95%;font-size:14px;text-align:center;padding:5px 0;border-radius:10px}.nav-links.open{top:75px;right:0;width:100%;height:120px;border:1px solid var(--primary);opacity:1}.nav-links.open a{width:95%;font-size:14px;text-align:center;padding:5px 0;color:var(--not-active-M)}.nav-links a.active{text-decoration:none;color:var(--active-M);background-color:var(--active-background)}}.Error{display:flex;align-items:center;justify-content:center;max-width:100vh;height:65vh}.Error h1{margin:100px 0 0;font-size:100px}@media (min-width:800px){.social:hover{border:1.5px solid var(--primary);background-color:var(--back-hover);box-shadow:var(--shadow-hover)}.icon:hover{transform:translateY(-3px);color:var(--primary)}.skill:hover{transform:translateY(-3px);border:1.5px solid var(--primary);background-color:var(--back-hover);box-shadow:var(--shadow-hover)}.skill a:hover{color:var(--hover-100)}}#Home{width:100%;height:100vh}#Home-container{display:grid;align-items:center;justify-content:center;grid-template-columns:1fr 1fr;width:1150px;margin:0 auto;text-align:left;gap:0}.profile-section{display:flex;align-items:left;flex-direction:column;margin:70px 0 0 20px;width:100%}.social{display:flex;align-items:center;justify-content:center;width:160px;padding:10px 16px 5px;margin:10px 0;border-radius:12px;border:1px solid var(--border);background-color:var(--back);color:var(--color);box-shadow:var(--shadow);transition:.17s}.icon{font-size:30px;text-decoration:none;padding:0 5px;color:var(--color);transition:.2s}@media (max-width:800px){.skill:hover{transform:translateY(-5px)}#Home{height:900px}#Home-container{display:flex;flex-direction:column;width:100%;margin:0;padding:0;height:900px;gap:30px}.profile-section{align-items:center;margin:0;min-height:380px}.profile{margin-top:105px}.social{margin:15px 0 20px 4.5px;width:140px;height:30px;border-color:var(--border-200)}.icon{font-size:27px}}.animated-text>h3{font-weight:500;font-size:27px;margin-left:3px}.animated-text>h1{font-weight:500;font-size:56px;margin:-16px 0 -14px}.animated-text>h2{font-weight:500;font-size:35px;margin:0}.animated-text span{position:relative;color:var(--primary);margin-left:5px}.animated-text span:before{content:"";animation:words 25s infinite}@keyframes words{0%,20%{content:"Data scientist"}21%,40%{content:"Full-Stack Develpoer"}41%,60%{content:"Data Analyst"}61%,80%{content:"Back End & Front End"}81%,to{content:"Software developer"}}.animated-text span:after{content:"";position:absolute;width:calc(100% + 18px);height:115%;right:-10px;margin:0 0 0 -5px;border-left:2.5px solid var(--primary);background:var(--background);transition:.3s;animation:cursor 1s infinite,typing 25s steps(18) infinite}@keyframes cursor{0%{border-left:3px solid var(--background);transition:.4s}}@keyframes typing{10%,15%,30%,35%,50%,55%,70%,75%,90%,95%{width:0}5%,20%,25%,40%,45%,60%,65%,80%,85%{width:calc(100% + 10px)}}@media (max-width: 600px){.animated-text{display:flex;align-items:start;flex-direction:column;width:300px;margin:0 0 0 7px}.animated-text>h3{font-size:23px;margin-left:2px}.animated-text>h1{font-size:40px;margin:-10px 0 0}.animated-text>h2{font-size:21px;margin-top:-5px}.animated-text span{margin-left:3px}.animated-text span:after{width:calc(100% + 5px);height:118%}}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-100%)}}.const-stacks{width:510px;height:120px;margin-top:10px}.const-text-one{font-size:12px;margin:0 0% .5%;display:flex;align-items:center;text-shadow:1px 1.3px 4px #00000000}.const-text-two{font-size:12px;margin:10px 10px 5px;font-weight:500;display:flex;align-items:center;text-shadow:1px 1.3px 4px #00000000}.const-stacks p{margin:0 3px;font-weight:400}.p-pink{color:#ff19d9}.p-green{color:#24e95f}.p-white{color:var(--primary)}.stacks{overflow:hidden;padding:10px 0;margin:0%;white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;background-image:linear-gradient(to right,#fff0,#fff0)}.stacks-slide{display:inline-block;animation:slide 50s infinite linear}.stacks-slide img{width:35px;height:35px;margin:0 10px}.stacks:hover .stacks-slide{animation-play-state:paused}.stacks:before,.stacks:after{position:absolute;top:0%;width:70px;height:50px;content:"";z-index:1}.stacks:before{left:0%;background:linear-gradient(to right,var(--background),#ffffff00)}.stacks:after{right:0%;background:linear-gradient(to left,var(--background),#ffffff00)}@media (max-width: 600px){.const-stacks{width:370px;height:85px}.const-stacks p{margin:0 1%}.const-text-one{margin:0 4px}.const-text-two{margin:0;padding-top:0}.stacks{margin:0% 2% 0}.stacks-slide{animation:slide 50s infinite linear}.stacks:before,.stacks:after{background:transparent}}@media (min-width:800px){.skill:hover{border-color:var(--primary);background-color:var(--back-hover);transform:translateY(-3px);box-shadow:var(--shadow-hover)}.skill a:hover{color:var(--hover-100)}}.skills_container{display:flex;align-items:center;flex-direction:column;justify-content:center;height:100vh;margin:10px 0 0 100px}.skills{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;text-align:center;padding-top:50px}.skill{display:flex;align-items:left;flex-direction:column;justify-content:start;text-align:start;width:185px;height:185px;padding:15px;border:1px solid var(--skills-border);background:var(--skills-background);color:--skills-color;box-shadow:var(--shadow);transition:.17s}.skill svg{width:27px;height:27px;margin:10px 0 0 4px}.skill h2{font-family:Poppins;font-size:16px;font-weight:500;margin:4px 3px 0}.skill-text{height:85px;padding:0 4px}.skill p{font-size:.84rem}.skill a{font-size:11.5px;padding-left:4px;transition:.2s}.skill a svg{width:12px;height:12.5px;margin-bottom:-1.5px;margin-left:2.5px}.one{color:var(--one)}.two{color:var(--two)}.three{color:var(--three)}.four{color:var(--four)}@media (max-width:800px){.skill:hover{border:1px solid var(--primary);transform:translateY(-5px)}.skills_container{width:100%;height:425px;margin:0;padding:0 0 50px}.skills{padding-top:0}.skill{max-width:145px;height:160px;padding:15.5px;border:1px solid var(--border-200);transition:.08s}.skill svg{width:30px;height:30px;margin:1px 0 0 -1.5px}.skill h2{font-size:14.5px;margin:3px 0 1px;padding:0}.skill-text{height:90px;padding:0}.skill p{font-size:12px}.skill a{font-size:11px;padding-left:0}.skill a svg{width:10px;height:10px;margin-bottom:-1px;margin-left:2px}}@media (min-width:800px){.project:hover{border-color:var(--primary);box-shadow:var(--shadow-hover)}.button-project a:hover{color:var(--hover-100);border-color:var(--primary);background-color:var(--hover-900);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.cant-btn a:hover{color:var(--cant);border-color:var(--cant);background-color:var(--cant-back);text-decoration:line-through;cursor:not-allowed}.reverse{gap:60px}.reverse .project-about{order:2}.reverse .project-img{order:1;margin-left:5px}}#Projects{display:flex;align-items:center;flex-direction:column}#Projects .Title{margin:0 0 -20px -30px}.project{-webkit-user-select:none;user-select:none;display:grid;grid-template-columns:1fr 1fr;width:970px;padding:30px;margin:35px 0;border-radius:18px;border:1px solid var(--project-border);background:var(--project);box-shadow:var(--shadow);transition:.2s}.project-end{top:0;right:0;width:20px}.project-img{display:flex;align-items:center;justify-content:center;width:490px}.project-img img{width:500px;cursor:pointer}.project-about{position:relative;display:flex;flex-direction:column;justify-content:center;width:400px;margin:0}.project-mark{position:absolute;top:-20px;right:-42px}.project-mark img{width:50px}.project-mark-duble{position:absolute;top:-20px;right:-44px}.project-mark-duble img{width:50px;margin-left:-10px}.project h2{font-family:Poppins;font-size:30px;font-weight:500;text-align:start;margin:0 0 0 5px}.project p{font-size:15px;font-weight:400;text-align:start;margin:0 0 0 7px}.stack-icons{display:flex;align-items:center;justify-content:center}.stack-icons img{width:35px;margin:20px 5px;border-radius:0}.button-project-section{display:flex;align-items:center;justify-content:center;margin-top:0;gap:15px}.button-project{display:flex;justify-content:center;padding:5px 0}.button-project a{display:flex;align-items:center;justify-content:center;width:135px;height:38px;gap:2px;text-align:center;font-size:13px;font-weight:500;text-decoration:none;border-radius:20px;border:1px solid var(--button);background-color:var(--button-back);color:var(--button);transition:.2s}.button-project p{font-size:14px;font-weight:500;margin-bottom:-1.2px}.deploy-btn svg{width:20px;height:20px}.github-btn svg{width:18px;height:18px}.cant-btn{color:var(--button);text-decoration:line-through}@media (max-width:800px){#Projects .Title{margin:0 0 -10px}.project{grid-template-columns:1fr;width:83%;padding:23px 30px 30px;gap:10px;border-radius:12px;border-color:var(--project-border-M);background:var(--project-M)}.project-img{order:1;width:300px}.project-img img{width:100%}.project-about{order:2;width:300px}.project-mark{margin-top:-184px;margin-right:12px}.project-mark img{width:36px}.project-mark-duble{top:-207px;right:-30px}.project-mark-duble img{width:42px}.project-about h2{font-size:28px}.project-about p{font-size:14px;margin:0}.button-project-section{gap:10px}.button-project a{width:145px;height:40px;gap:5px;font-size:13px;font-weight:500;border-color:var(--button-M);background-color:var(--button-back);color:var(--button-M);transition:.07s}.button-project p{margin-bottom:.3px}.button-project-section{margin:0 0 -5px}}