:root{--black-color-bg:#0d1117;--gray-color:#161b22;--purple-color:#acb4fe;--purple-smoke-color:#cdd0f3;--white-smoke-color:#8b949e;--white-color:#e5e5e5;--gradient-color:linear-gradient(99.51deg,#cbbee7 9.03%,#fff 89.53%);--white-color-bg:#e1e3f9;--white-color-smoke-bg:#cdd0f3;--purple-dark-color:#ae88fe;--black-color:#212121;--white-gradient-color:linear-gradient(99.51deg,#acb4fe 9.03%,#ae88fe 89.53%)}*{margin:0;padding:0;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--white-smoke-colorcolor);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.dark-mode{background-color:#0d1117;background-color:var(--black-color-bg);transition:.15s}.white-mode{background-color:#e1e3f9;background-color:var(--white-color-bg);transition:.15s}.white-mode .header-title{-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;background:linear-gradient(99.51deg,#acb4fe 9.03%,#ae88fe 89.53%);background:var(--white-gradient-color);-webkit-background-clip:text;-moz-background-clip:text;background-repeat:repeat;background-size:100%}.white-mode a{color:#ae88fe;color:var(--purple-dark-color)}.white-mode .custom-box,.white-mode .header-title-box{color:#212121;color:var(--black-color)}.white-mode .container-icon,.white-mode .custom-box,.white-mode .header-title-box{background-color:#cdd0f3;background-color:var(--white-color-smoke-bg)}.white-mode .mode-icon{color:#ae88fe;color:var(--purple-dark-color)}.purple-text{color:#acb4fe;color:var(--purple-color)}.purple-smoke-text{color:#cdd0f3;color:var(--purple-smoke-color)}.white-text{color:#e5e5e5;color:var(--white-color);font-weight:500}.gray-text{color:#8b949e;color:var(--white-smoke-color)}.white-mode .purple-text{color:#ae88fe;color:var(--purple-dark-color)}.white-mode .gray-text,.white-mode .white-text{color:#212121;color:var(--black-color)}.white-mode .purple-smoke-text{color:#161b22;color:var(--gray-color)}.white-mode .project-box,.white-mode .youtube-box{background-color:#cdd0f3;background-color:var(--purple-smoke-color)}.white-mode .icon-change,.white-mode .link-decoration{color:#ae88fe;color:var(--purple-dark-color)}.white-mode .line{background:linear-gradient(180deg,#e1e3f9,#ae88fe);background:linear-gradient(180deg,#e1e3f9 0,var(--purple-dark-color) 100%)}.container{margin:0 auto;max-width:40rem;padding:0 1.5rem;position:relative;width:auto}@media (max-width:425px){.container{max-width:100%;padding:5px}}.container-mode{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around;padding:1rem 0}.mode-left ul{display:flex;list-style:none}.mode-left ul li{margin:0 1.5rem}@media (max-width:581px){.mode-left ul li{font-size:small;margin:0 .5rem}}.left-source{align-items:center;display:flex}.source-icon{padding-right:5px}.container-icon{background:var(--gray-color);border:none;border-radius:10px;cursor:pointer;padding:.5rem .6rem}.mode-icon{color:var(--purple-smoke-color);font-size:18px}a{align-items:center;color:var(--white-color);display:inline-flex;text-decoration:none}.link-decoration{color:#fff;position:relative}.link-decoration:after,.link-decoration:before{bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.link-decoration:after{background:#fff;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;transform-origin:right;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}.icon-change{grid-column-gap:20px;-webkit-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:repeat(2,1fr);margin-left:10px;overflow-x:hidden;width:15px}.icon-change img{-webkit-transform:translateX(-35px);transform:translateX(-35px);transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;width:15px}a:hover .link-decoration:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left;transform-origin:left}a:hover img{-webkit-transform:translateX(0);transform:translateX(0)}.header{display:flex;justify-content:center;margin:4rem 0;text-align:center}.header-title{-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;background:var(--gradient-color);-webkit-background-clip:text;-moz-background-clip:text;background-repeat:repeat;background-size:100%;font-size:3rem;font-weight:700;margin-bottom:.5rem}.header-title-box{background-color:var(--gray-color);border-radius:10px;color:var(--white-color);padding:1.5rem 3rem}.container-about{align-items:center;color:var(--white-smoke-color);display:flex;flex-wrap:wrap;justify-content:center;margin:30px auto}.about-left{display:flex;flex-direction:column;gap:.4rem;max-width:auto}.left-skills{margin:1rem 0}.about-right{text-align:center}.about-right img{height:auto;margin:0 2.5rem;max-width:300px;padding-top:30px;width:100%}.tech-stack{margin-left:1.1rem;margin-top:1rem}.about-see{border-bottom:1px solid var(--purple-color);max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding-bottom:2px}@media (max-width:425px){.about-left{max-width:100%;padding:20px;text-align:left}.container-about{display:block}.about-right img{margin:0 1rem}}.center,.center-li,.container-lines{text-align:center}.line{background:linear-gradient(180deg,rgba(36,44,55,0),#575d66);border-radius:60px;height:50px;margin:10px auto;width:4px}.text-bio{cursor:pointer;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s;transition:2s}.custom-theme{background:#161b22!important;border:1px solid var(--purple-color)!important;border-radius:10px!important}.container-footer{color:var(--white-smoke-color);padding:2rem 0;text-align:center}.container-project{margin-top:2rem;text-align:center}.project-header{display:flex;flex-wrap:wrap;justify-content:center;margin-top:1.5rem}.project-box{max-width:60%;padding:1.5rem}.project-box,.youtube-box{background-color:var(--gray-color);border-radius:10px}.youtube-box{width:inherit}@media (max-width:450px){.youtube-box{width:360px}}.text-box{margin-top:.3rem}.project-line{bottom:-40px;left:10px;position:relative}.project-details{display:flex;flex-wrap:wrap;margin:3rem 0}.details-left{margin:0 2rem}.text-figma{align-items:center;color:var(--white-color);cursor:pointer;display:inline-flex}.text-figma:hover{-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;-webkit-animation:text-move 3s infinite alternate;animation:text-move 3s infinite alternate;background:linear-gradient(90deg,#f24e1e 2.73%,#a259ff 37.68%,#13c5c6 71.63%,#0acf83);-webkit-background-clip:text;-moz-background-clip:text;background-repeat:repeat;background-size:400vh;transition:.35s}.icon-figma{margin-left:10px;margin-right:5px;width:10px}.details-stack{margin:3rem 1rem}@media (max-width:425px){.project-details,.project-header{justify-content:center}.project-box{max-width:100%}.details-left{margin:0}}@-webkit-keyframes text-move{0%{background-position:0}to{background-position:100%}}@keyframes text-move{0%{background-position:0}to{background-position:100%}}.center-text{text-align:center}.custom-box{background-color:var(--gray-color);border-width:0cap;color:var(--white-color);margin-left:auto;margin-right:auto;margin-top:20px;max-width:600px;min-width:none}@media (max-width:390px){.tag{font-size:14px;padding-left:1px;padding-right:1px}}
/*# sourceMappingURL=main.e3aece33.css.map*/