body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}section{scroll-margin-top:100px}@media screen and (max-width:810px){html{scroll-behavior:auto}section{scroll-margin-top:80px}}.Logo{height:60px}.nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;box-shadow:0 0 10px #0000001a;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav,.nav ul{display:flex;justify-content:center}.nav ul{list-style:none}.nav ul li{margin:0 30px}.nav a{color:#000;font-size:20px;font-weight:500;text-decoration:none}.nav a:hover{color:#007bff}.nav button{background-color:initial;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:20px;font-weight:500;margin-top:-5px;padding:10px 20px}.nav-dark{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;box-shadow:0 0 10px #fff;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-dark,.nav-dark ul{display:flex;justify-content:center}.nav-dark ul{list-style:none}.nav-dark ul li{margin:0 30px}.nav-dark a{color:#b026ff;font-size:20px;font-weight:500;text-decoration:none}.nav-dark a:hover{color:#fff}.nav-dark button{background-color:initial;border:none;border-radius:5px;color:#b026ff;cursor:pointer;font-size:20px;font-weight:500;margin-top:-5px;padding:10px 20px}@media screen and (max-width:810px){.Logo{height:5vh}.nav,.nav-dark{align-items:center;justify-content:space-between;padding:2vh}.nav ul,.nav-dark ul{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:0;padding:0}}.nav .menu-icon,.nav-dark .menu-icon{cursor:pointer;display:none}.nav .menu-icon:hover{color:#007bff;color:#fff}.nav .nav-links,.nav-dark .nav-links{display:flex;list-style:none}.nav .nav-links li,.nav-dark .nav-links li{margin:0 30px}.nav .nav-links li a{color:#000;font-size:20px;font-weight:500;text-decoration:none}.nav .nav-links li a:hover{color:#007bff}@media screen and (max-width:450px){.nav .menu-icon{color:#000;display:block;font-size:30px}.nav-dark .menu-icon{color:#b026ff;display:block;font-size:30px}.nav .nav-links{background:#ffffffb3;box-shadow:0 2px 5px #0000001a}.nav .nav-links,.nav-dark .nav-links{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:5%;color:#000;display:none;justify-content:center;left:0;position:absolute;top:100%;width:100%;z-index:1}.nav-dark .nav-links{background:#000000b3;box-shadow:0 2px 5px #fff}.nav .nav-links.active,.nav-dark .nav-links.active{display:flex;flex-direction:column}.nav .nav-links li,.nav-dark .nav-links li{margin:10px 0}}.Home{color:#007bff;display:flex;flex-direction:row;justify-content:space-evenly;padding:10px}.my-img{animation:morphing 6s infinite;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;box-shadow:15px 15px 50px #000001;height:300px;overflow:hidden;width:300px}.Home h2{font-size:large}.my-img:hover{animation-play-state:paused}@keyframes morphing{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;box-shadow:15px 15px 50px #000001}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%;box-shadow:-10px -5px 50px #000001}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%}}.Right-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.Home button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:20px;font-weight:500;margin-top:-5px;padding:10px 20px}.Home button:hover{background-color:#fff;box-shadow:0 4px 6px #0003;color:#007bff}.Home a{color:#007bff;text-decoration:none}.Home a:hover{color:#0056b3}h1,h2{margin-bottom:2px}.my-img-dark{animation:morphing-dark 6s infinite;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;box-shadow:15px 15px 50px #fff;height:300px;overflow:hidden;width:300px}.my-img-dark:hover{animation-play-state:paused}@keyframes morphing-dark{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;box-shadow:15px 15px 50px #fff}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%;box-shadow:-10px -5px 50px #fff}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%}}.Home-dark{color:#b026ff;display:flex;flex-direction:row;justify-content:space-evenly;padding:10px}.Home-dark button{background-color:#b026ff;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:20px;font-weight:500;margin-top:-5px;padding:10px 20px}.Home-dark button:hover{background-color:#000;box-shadow:0 4px 6px #fff;color:#b026ff}.Home-dark a{color:#b026ff;text-decoration:none}.Home-dark a:hover{color:#6b04a6}.Home-dark h2{font-size:large}@media screen and (max-width:810px){.Home,.Home-dark{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:5px}.my-img,.my-img-dark{height:200px;width:200px}.Home button,.Home-dark button{font-size:16px;padding:8px 15px}}.About{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;max-width:900px}.About h1{color:#007bff;font-size:2.5rem}.About p{color:#383d42;display:inline-block;font-size:1.8rem;margin-bottom:0}.About p:first-letter{font-size:3rem}.About-dark{display:flex;flex-direction:column;margin:0 auto;max-width:900px}.About-dark h1{color:#b026ff;font-size:2.5rem}.About-dark p{color:#fff;display:inline-block;font-size:1.8rem;margin-bottom:0}.About-dark p:first-letter{font-size:3rem}@media screen and (max-width:810px){.About,.About-dark{margin-left:auto;margin-right:auto;max-width:600px;width:80%}.About h1{font-size:2rem}.About p{font-size:1rem}.About p:first-letter,.About-dark h1{font-size:2rem}.About-dark p{font-size:1rem}.About-dark p:first-letter{font-size:2rem}}.Skill{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;width:900px}.Skill h1{color:#007bff;font-size:2.5rem;margin-left:auto}.Skill .languages{display:grid;grid-template-columns:repeat(3,1fr)}.Skill .frameworks{display:grid;grid-template-columns:repeat(5,1fr)}.Skill .tools{display:grid;grid-template-columns:repeat(3,1fr)}.Skill .frameworks,.Skill .languages,.Skill .tools{grid-row-gap:20px;border-radius:50px;box-shadow:0 0 10px #0000001a;text-align:center}.Skill .frameworks img,.Skill .languages img,.Skill .tools img{height:100px;margin:0 auto;width:100px}.Skill .icon-container span{color:#000;font-size:1.5rem}.Skill h2{color:#007bff;font-size:1.5rem}.Skill .L-title{margin-right:auto}.Skill .F-title{margin-left:auto}.Skill .T-title,.Skill-dark{margin-right:auto}.Skill-dark{display:flex;flex-direction:column;margin-left:auto;width:900px}.Skill-dark h1{color:#b026ff;font-size:2.5rem;margin-left:auto}.Skill-dark .languages{display:grid;grid-template-columns:repeat(3,1fr)}.Skill-dark .frameworks{display:grid;grid-template-columns:repeat(5,1fr)}.Skill-dark .tools{display:grid;grid-template-columns:repeat(3,1fr)}.Skill-dark .frameworks,.Skill-dark .languages,.Skill-dark .tools{grid-row-gap:20px;border-radius:50px;box-shadow:0 0 10px #fff}.Skill-dark .frameworks img,.Skill-dark .languages img,.Skill-dark .tools img{height:100px;margin:0 auto;width:100px}.Skill-dark .icon-container span{color:#fff;font-size:1.5rem}.Skill-dark h2{color:#b026ff;font-size:1.5rem}.Skill-dark .L-title{margin-right:auto}.Skill-dark .F-title{margin-left:auto}.Skill-dark .T-title{margin-right:auto}@media screen and (max-width:810px){.Skill,.Skill-dark{margin-left:auto;margin-right:auto;max-width:600px;width:80%}.Skill h1,.Skill-dark h1{font-size:2rem}.Skill .frameworks,.Skill .languages,.Skill .tools,.Skill-dark .frameworks,.Skill-dark .languages,.Skill-dark .tools{grid-template-columns:repeat(2,1fr)}.Skill h2,.Skill-dark h2{font-size:1.2rem}.Skill .F-title,.Skill .L-title,.Skill .T-title,.Skill-dark .F-title,.Skill-dark .L-title,.Skill-dark .T-title{margin-left:auto;margin-right:auto}.Skill .icon-container span,.Skill-dark .icon-container span{font-size:1rem}}.icon-container{align-items:center;display:flex;flex-direction:column}.Skill-dark .icon-container .switch{filter:invert(1)}.Skill .icon-container .switch{filter:invert(0)}#project img{border-radius:10px;height:400px;width:100%}.Project .project p{color:#555;display:block;font-family:Arial,sans-serif;font-size:1.2rem;line-height:1.6;padding:10px 0}.Project{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;max-width:900px}.Project h1{animation:title 4s linear infinite;color:#007bff;font-size:2.5rem;margin-right:auto}.Project h1:hover{animation-play-state:paused}.Project .project-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}@keyframes title{0%{margin-left:0}50%{margin-left:50vw}to{margin-left:0}}.Project .project{background-color:#f8f9fa;border-radius:10px;box-shadow:0 0 10px #000;display:flex;flex-direction:column;padding:20px}.Project h2{color:#007bff;font-family:Arial,sans-serif}.Project .project a{align-self:flex-end;background-color:#007bff;border-radius:5px;box-shadow:0 4px 6px #0000001a;color:#fff;font-size:1.2rem;font-weight:500;margin-bottom:10px;margin-top:auto;padding:10px 20px;text-decoration:none;transition:background-color .3s,color .3s,transform .3s}.Project .project a:hover{box-shadow:0 6px 10px #0003;color:#fff;transform:translateY(-2px)}.Project-dark{color:#fff;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;max-width:900px}.Project-dark h1{animation:title 4s linear infinite;color:#b026ff;font-size:2.5rem;margin-right:auto}.Project-dark h1:hover{animation-play-state:paused}.Project-dark .project-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.Project-dark .project{background-color:#070605;border-radius:10px;box-shadow:0 0 10px #b026ff;display:flex;flex-direction:column;padding:20px}.Project-dark h2{color:#b026ff;font-family:Arial,sans-serif}.Project-dark .project p{color:#fff;display:block;font-family:Arial,sans-serif;font-size:1.2rem;line-height:1.6;padding:10px 0}.Project-dark .project a{align-self:flex-end;background-color:#b026ff;border-radius:5px;box-shadow:0 4px 6px #0000001a;color:#fff;font-size:1.2rem;font-weight:500;margin-bottom:10px;margin-top:auto;padding:10px 20px;text-decoration:none;transition:background-color .3s,color .3s,transform .3s}.Project-dark .project a:hover{box-shadow:0 6px 10px #fff;color:#fff;transform:translateY(-2px)}@media screen and (max-width:810px){#project img{height:300px}.Project,.Project-dark{max-width:80%}.Project h1,.Project-dark h1{font-size:2rem}.Project .project p,.Project-dark .project p{font-size:1rem}.Project .project a,.Project-dark .project a{font-size:1rem;padding:8px 15px}.Project .project a:hover{box-shadow:0 4px 6px #0003}.Project-dark .project a:hover{box-shadow:0 6px 10px #fff}.Project .project-grid,.Project-dark .project-grid{display:flex;flex-direction:column}.Project .project,.Project-dark .project{margin-bottom:20px}}.Contact{display:flex;flex-direction:column;margin-bottom:100px;margin-left:auto;margin-right:auto;width:900px}.Contact h1{color:#007bff;font-size:2.5rem;margin-bottom:10px}.Contact form{align-items:center;display:flex;flex-direction:column;width:100%}.Contact button,.Contact input[type=email],.Contact input[type=text],.Contact textarea{border:none;border-radius:5px;box-shadow:0 4px 6px #0003;margin-bottom:15px;padding:10px;transition:background-color .3s,color .3s,transform .3s;width:100%}.Contact textarea{height:150px}.Contact button{background-color:#007bff;border-radius:5px;color:#fff;transition:background-color .3s,color .3s,transform .3s}.Contact button:hover{box-shadow:0 6px 10px #0003;color:#000;transform:translateY(-2px)}.Contact .social-media{display:flex;justify-content:space-evenly}.Contact .social-media a{color:#007bff;font-size:50px;margin-right:20px;text-decoration:none}.Contact .social-media a:hover{color:#0056b3}.Contact-dark{display:flex;flex-direction:column;margin-bottom:100px;margin-left:auto;margin-right:auto;width:900px}.Contact-dark h1{color:#b026ff;font-size:2.5rem;margin-bottom:10px}.Contact-dark input[type=email],.Contact-dark input[type=text],.Contact-dark p,.Contact-dark textarea{color:#fff}.Contact-dark form{align-items:center;display:flex;flex-direction:column;width:100%}.Contact-dark button,.Contact-dark input[type=email],.Contact-dark input[type=text],.Contact-dark textarea{background-color:#000;border:none;border-radius:5px;box-shadow:0 4px 6px #ffffff80;margin-bottom:15px;padding:10px;transition:background-color .3s,color .3s,transform .3s;width:100%}.Contact-dark textarea{height:150px}.Contact-dark button{background-color:#b026ff;border-radius:5px;transition:background-color .3s,color .3s,transform .3s}.Contact-dark button:hover{box-shadow:0 4px 6px #fff;color:#fff;transform:translateY(-2px)}.Contact-dark .social-media{display:flex;justify-content:space-evenly}.Contact-dark .social-media a{color:#b026ff;font-size:50px;margin-right:20px;text-decoration:none}.Contact-dark .social-media a:hover{color:#6b04a6}@media screen and (max-width:810px){.Contact,.Contact-dark{margin-left:auto;margin-right:auto;max-width:600px;width:80%}.Contact h1,.Contact-dark h1{font-size:2rem}.Contact button,.Contact input[type=email],.Contact input[type=text],.Contact textarea,.Contact-dark button,.Contact-dark input[type=email],.Contact-dark input[type=text],.Contact-dark textarea{margin-bottom:10px;padding:8px}.Contact textarea,.Contact-dark textarea{height:120px}.Contact .social-media,.Contact-dark .social-media{flex-wrap:wrap}.Contact .social-media a,.Contact-dark .social-media a{margin-bottom:10px}}.Footer{align-items:center;box-shadow:10px 10px 50px #0000001a;display:flex;justify-content:center;position:relative}.Footer-dark a{color:#007bff}.Footer-dark a:hover{color:#0056b3}.footer-content{flex-direction:column}.footer-content,.footer-header{align-items:center;display:flex;font-size:20px;justify-content:center}.footer-header{flex-direction:row;margin:10px}.footer-links{display:flex;flex-direction:row;font-size:20px;justify-content:space-around}.footer-header img{height:30px;margin-right:10px;width:30px}.footer-links h3{margin:10px}.footer-header p{margin:0}.Footer-dark{align-items:center;box-shadow:10px 10px 50px #fff;color:#fff;display:flex;justify-content:center;position:relative}.Footer-dark a{color:#b026ff}.Footer-dark a:hover{color:#6b04a6}.copyright{font-size:small;font-weight:300px;padding-bottom:10%;padding-top:5%;text-align:center}
/*# sourceMappingURL=main.fd9e9d17.css.map*/