@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Big+Shoulders+Text:wght@100;300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap" rel="stylesheet);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,200;1,300;1,400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200&display=swap);@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600&display=swap);@font-face{font-family:"BestermindRegular";src:url(/static/media/BestermindRegular.e58a1922.ttf);src:url(/static/media/BestermindRegular.e58a1922.ttf) format("embedded-opentype"),url(/static/media/BestermindRegular.e58a1922.ttf) format("truetype")}*{margin:0;box-sizing:border-box}a{text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#555}::-webkit-scrollbar-thumb{background:#555;border-radius:10px;-webkit-transition:.3s;transition:.3s}img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@media screen and (max-width:400px){body{overflow-x:hidden}}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-device-pixel-ratio:2) and (device-aspect-ratio:2/3){body{overflow-x:hidden}}.about{min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;position:relative;padding-bottom:3rem}.line-styling{display:none}.about-body{flex-direction:row;align-items:center;padding-top:4rem;grid-gap:4rem;gap:4rem;min-height:60vh}.about-body,.about-description{display:flex;justify-content:center}.about-description{flex:0.55 1;flex-direction:column;align-items:flex-start;padding:2.5rem;border-radius:20px;background:hsla(0,0%,100%,.03);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.05);box-shadow:0 8px 32px 0 rgba(31,38,135,.07);transition:transform .3s ease,box-shadow .3s ease}.about-description:hover{transform:translateY(-5px);box-shadow:0 12px 40px 0 rgba(31,38,135,.1)}.about-description>h2{margin-bottom:1.5rem;font-size:3rem;font-family:var(--primaryFont);font-weight:700;background:linear-gradient(90deg,var(--primary-color,#0284c7),var(--gradient-end,#22d3ee));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;line-height:1.3;padding-bottom:.15em;padding-right:.1em}.about-description>p{font-size:1.15rem;line-height:1.8;font-family:var(--primaryFont);font-weight:400;opacity:.9;margin-bottom:0}.highlight{font-weight:700;position:relative;display:inline-block;padding:0 4px;transition:all .3s ease}.highlight:hover{transform:translateY(-2px);text-shadow:0 4px 8px rgba(0,0,0,.2)}.about-animation{flex:0.45 1;display:flex;justify-content:center;align-items:center;pointer-events:none;filter:drop-shadow(0 10px 20px rgba(0,0,0,.1))}@media screen and (max-width:992px){.about-body{flex-direction:column-reverse;padding-top:2rem;grid-gap:2rem;gap:2rem}.about-description{flex:1 1;width:100%;padding:2rem;align-items:center;text-align:center}.about-description>h2{font-size:2.5rem}.about-animation{flex:1 1;width:80%;max-width:400px}}@media screen and (max-width:600px){.about-description{padding:1.5rem}.about-description>h2{font-size:2rem;margin-bottom:1rem}.about-description>p{font-size:1rem;line-height:1.6}}.backToTop{position:fixed;right:10px;bottom:60px;height:30px;font-size:3rem;z-index:999}.backToTop button{outline:none;border:none;cursor:pointer;background:none;padding:20px}@media screen and (max-width:800px){.backToTop{right:-10px;bottom:50px;font-size:2.75rem}}.blog{flex-direction:column;justify-content:flex-start;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;padding:2rem;overflow-x:hidden}.blog,.blog--header{display:flex;align-items:center}.blog--header{justify-content:center;width:100%;margin:1rem}.blog--header h1{margin-bottom:40px;font-size:2.5rem;font-family:var(--primaryFont)}.blog--body{flex-direction:column}.blog--body,.blog--bodyContainer{width:100%;display:flex;align-items:center;justify-content:center}.blog--bodyContainer{grid-gap:4.5rem;gap:4.5rem}.blog--viewAll{width:100%;margin-top:1rem;padding:2rem;display:flex;align-items:center;justify-content:flex-end}.blog--viewAll a button{outline:none;border:none;width:150px;height:48px;display:flex;align-items:center;justify-content:space-between;text-transform:inherit;border-radius:45px;font-size:1.05rem;font-family:var(--primaryFont);font-weight:500;padding-left:1.5rem;cursor:pointer}@media screen and (max-width:992px){.blog--bodyContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}}@media screen and (max-width:800px){.blog--header h1{font-size:3rem;margin-bottom:30px}}@media screen and (max-width:600px){.blog--header h1{font-size:2.5rem;margin-bottom:20px}.blog--viewAll{position:relative;margin-top:2.5rem}.blog--viewAll a{position:absolute;left:50%;transform:translateX(-50%)}}.singleBlog{height:420px;width:320px;display:flex;flex-direction:column;align-items:center;justify-content:baseline;border-radius:5px}.singleBlog--image{height:50%;overflow:hidden}.singleBlog--image,.singleBlog--image>img{width:100%;border-top-left-radius:5px;border-top-right-radius:5px}.singleBlog--image>img{object-fit:cover;height:100%;transition:transform 1s,filter 2s ease-in-out;filter:blur(1px);transform:scale(1.3)}.singleBlog:hover>.singleBlog--image>img{filter:grayscale(0);transform:scale(1.1)}.singleBlog--body{padding:1rem}.singleBlog--body p{font-family:var(--primaryFont);font-weight:600;font-size:13px;margin-bottom:.65rem}.singleBlog--body h3{font-family:var(--primaryFont);margin-bottom:.55rem;font-size:19px;line-height:115%}.singleBlog--body h6{font-family:"Noto Sans TC",sans-serif;font-size:15px;line-height:139%;font-weight:500;opacity:.9}@media (min-width:992px) and (max-width:1380px){.singleBlog{height:430px}}@media screen and (max-width:992px){.singleBlog{height:450px;background-color:#abf0f0;margin:2rem 0;display:flex;flex-direction:column;align-items:center;justify-content:baseline}}@media screen and (max-width:800px){.singleBlog{height:450px;margin:1rem auto}}@media screen and (max-width:700px){.singleBlog{height:450px;margin:1rem auto}}@media screen and (max-width:600px){.singleBlog{height:450px;width:300px;margin:1rem 0}.singleBlog--image>img{filter:blur(0)}}@media screen and (max-width:320px){.singleBlog{transform:scale(.9)}}.contacts{min-height:100vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative}.contacts--img{position:absolute;right:5%;top:25%;width:280px;pointer-events:none}.contacts--container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:2rem 6rem 3rem;width:80%;height:100%;margin-top:2rem}.contacts--container>h1{font-family:var(--primaryFont);font-size:2.5rem;margin-bottom:2.5rem}.contacts-body{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;width:100%}.contacts-form{display:flex;flex:0.4 1;width:100%}.contacts-form form{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly;width:100%}.input-container{width:100%}.form-input{height:50px}.form-input,.form-message{box-sizing:border-box;border-radius:50px;outline:none;margin-bottom:2rem;padding:.7rem;border-radius:20px;width:100%;resize:none}.form-message{height:150px}.submit-btn button{border:none;outline:none;width:140px;height:50px;border-radius:50px;font-weight:500;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;cursor:pointer}.submit-btn button p{font-size:16px;font-family:var(--primaryFont)}.submit-icon{display:flex;align-items:center;justify-content:center;padding:5px}.send-icon{font-size:25px;transform-origin:center;transform:translate(5px,-3px) rotate(-30deg)}.success-icon{font-size:28px;transition:all .3s ease-in-out .8s}.contacts-details{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly;flex:0.6 1;box-sizing:border-box;padding-left:7rem;margin-top:1.2rem}.personal-details{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;margin-bottom:2.5rem}.personal-details p{margin-left:1.5rem;font-size:18px;line-height:110%;font-weight:500;font-family:var(--primaryFont);word-break:break-word}.socialmedia-icons{width:90%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;grid-gap:1.5rem;gap:1.5rem;margin-top:4rem}@media (min-width:992px) and (max-width:1380px){.contacts--img{position:absolute;right:0;bottom:0;width:240px}.contacts--container{padding:2rem 4rem;width:90%;margin-top:1rem}}@media screen and (max-width:992px){.contacts--img{display:none}.contacts--container{width:100%;margin-top:1rem}.contacts--container>h1{font-size:3rem;margin:0 0 1.2rem}.contacts-details{padding-left:4rem}.personal-details p{margin-left:1rem;font-size:1rem}}@media screen and (max-width:800px){.contacts--container h1{font-size:3rem;margin-bottom:30px}.contacts--container{padding:2rem;margin-top:0;align-items:center}.contacts-body{display:flex;flex-direction:column;align-items:center}.contacts-form{display:flex;flex:1 1;width:80%}.form-input{margin-bottom:.45rem}.contacts-form form{align-items:flex-end}.contacts-details{padding:1rem;align-items:center;margin-top:2rem}.socialmedia-icons{width:100%;grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}.personal-details{margin-bottom:1.8rem}.personal-details p{margin-left:1.2rem;width:95%}}@media screen and (max-width:600px){.contacts-form{display:flex;flex:1 1;width:100%}.contacts--container h1{font-size:2.5rem;margin-bottom:20px}}@media screen and (max-width:400px){.contacts-details{padding:0;align-items:center;margin-top:2rem}.submit-btn{align-self:center}}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-device-pixel-ratio:2) and (device-aspect-ratio:2/3){.contacts-details{padding:0}}@keyframes spin{0%{opacity:1;transform:translate(5px,-3px) rotate(0deg)}to{transform:rotate(359deg)}}@keyframes fly{10%{transform:rotate(0deg)}20%{transform:translateX(-10px)}70%{transform:translateX(60px)}to{transform:translateX(80px)}}.education{min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;position:relative;padding-top:3rem}.education-body{flex-direction:row;align-items:flex-start;width:100%;grid-gap:2rem;gap:2rem}.education-body,.education-image{display:flex;justify-content:center}.education-image{flex:0.35 1;position:-webkit-sticky;position:sticky;top:20%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;align-items:center}.education-description{flex:0.65 1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;padding-left:2rem}.education-description:before{content:"";position:absolute;top:80px;bottom:0;left:0;width:2px;background:linear-gradient(180deg,var(--primary-color),transparent);background-color:hsla(0,0%,50.2%,.3);border-radius:2px}.education-description>h1{font-size:2.5rem;font-family:var(--primaryFont);margin-bottom:3rem;color:var(--primary-color)}.education-card-wrapper{position:relative;width:100%;margin-bottom:3rem;display:flex;align-items:flex-start}.education-card-wrapper:before{content:"";position:absolute;left:-2.45rem;top:1.5rem;width:16px;height:16px;border-radius:50%;background-color:var(--primary-color,#0284c7);border:4px solid var(--background-color,#fff);box-shadow:0 0 0 2px var(--primary-color,#0284c7);z-index:2;transition:transform .3s ease}.education-card-wrapper:hover:before{transform:scale(1.2)}.education-card{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;width:100%;height:auto;padding:1.5rem;border-radius:16px;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 12px rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.05);grid-gap:1.25rem;gap:1.25rem;background:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.education-card:hover{transform:translateY(-5px) translateX(5px);box-shadow:0 12px 30px rgba(0,0,0,.1);border-color:var(--primary-color,#0284c7)}.educard-img{border-radius:50%;width:64px;height:64px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 10px rgba(0,0,0,.05)}.educard-img>img{width:40px;height:40px;object-fit:contain}.education-details{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem;width:100%}.education-details>h6{font-family:var(--primaryFont);font-size:.9rem;font-weight:600;margin:0;opacity:.8;letter-spacing:.5px;text-transform:uppercase}.education-details>h4{font-family:var(--primaryFont);font-size:1.35rem;font-weight:700;margin:0;line-height:1.2}.education-details>h5{font-family:var(--primaryFont);font-size:1.1rem;font-weight:600;margin:0;opacity:.9}@media screen and (max-width:992px){.education-body{flex-direction:column;align-items:center}.education-image{display:none}.education-description{flex:1 1;width:100%;padding-left:0;margin-left:0}.education-description:before{left:20px}.education-card-wrapper{padding-left:3rem}.education-card-wrapper:before{left:12px}}@media screen and (max-width:600px){.education-description:before{display:none}.education-card-wrapper{padding-left:0;margin-bottom:2rem}.education-card-wrapper:before{display:none}.education-card{flex-direction:column;padding:1.25rem;grid-gap:1rem;gap:1rem}.educard-img{width:50px;height:50px}.educard-img>img{width:30px;height:30px}.education-details>h4{font-size:1.2rem}}.experience{min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;position:relative}.experience-body{flex-direction:row;align-items:flex-start;width:100%;grid-gap:2rem;gap:2rem}.experience-body,.experience-image{display:flex;justify-content:center}.experience-image{flex:0.35 1;position:-webkit-sticky;position:sticky;top:20%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;align-items:center}.experience-description{flex:0.65 1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;padding-left:2rem}.experience-description:before{content:"";position:absolute;top:80px;bottom:0;left:0;width:2px;background:linear-gradient(180deg,var(--primary-color),transparent);background-color:hsla(0,0%,50.2%,.3);border-radius:2px}.experience-description>h1{font-size:2.5rem;font-family:var(--primaryFont);margin-bottom:3rem;color:var(--primary-color)}.experience-card-wrapper{position:relative;width:100%;margin-bottom:3rem;display:flex;align-items:flex-start}.experience-card-wrapper:before{content:"";position:absolute;left:-2.45rem;top:1.5rem;width:16px;height:16px;border-radius:50%;background-color:var(--primary-color,#0284c7);border:4px solid var(--background-color,#fff);box-shadow:0 0 0 2px var(--primary-color,#0284c7);z-index:2;transition:transform .3s ease}.experience-card-wrapper:hover:before{transform:scale(1.2)}.experience-card{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;width:100%;height:auto;padding:1.5rem;border-radius:16px;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 12px rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.05);grid-gap:1.25rem;gap:1.25rem;background:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.experience-card:hover{transform:translateY(-5px) translateX(5px);box-shadow:0 12px 30px rgba(0,0,0,.1);border-color:var(--primary-color,#0284c7)}.expcard-img{border-radius:50%;width:64px;height:64px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 10px rgba(0,0,0,.05)}.expcard-img>img{width:40px;height:40px;object-fit:contain}.experience-details{display:flex;flex-direction:column;grid-gap:.75rem;gap:.75rem;width:100%}.experience-meta{display:flex;flex-direction:column;grid-gap:.25rem;gap:.25rem}.experience-meta h6{font-size:.9rem;font-weight:600;opacity:.8;letter-spacing:.5px;text-transform:uppercase}.experience-meta h6,.jobtitle{font-family:var(--primaryFont);margin:0}.jobtitle{font-size:1.35rem;font-weight:700;line-height:1.2}.company{margin:0;font-family:var(--primaryFont);font-size:1.1rem;font-weight:600}.company a{color:inherit;text-decoration:none;transition:opacity .2s ease;border-bottom:1px dotted}.company a:hover{opacity:.8;border-bottom-style:solid}.points{margin-top:.75rem;padding-left:1rem;display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem}.points li{list-style:none;position:relative;padding-left:1.2rem;margin:0;line-height:1.6;font-family:var(--primaryFont);font-weight:400;font-size:.95rem}.points li:before{content:"▹";position:absolute;left:0;top:0;font-size:1.1em;color:currentColor;opacity:.7}@media screen and (max-width:992px){.experience-body{flex-direction:column;align-items:center}.experience-image{display:none}.experience-description{flex:1 1;width:100%;padding-left:0;margin-right:0}.experience-description:before{left:20px}.experience-card-wrapper{padding-left:3rem}.experience-card-wrapper:before{left:12px}}@media screen and (max-width:600px){.experience-description:before{display:none}.experience-card-wrapper{padding-left:0;margin-bottom:2rem}.experience-card-wrapper:before{display:none}.experience-card{flex-direction:column;padding:1.25rem;grid-gap:1rem;gap:1rem}.expcard-img{width:50px;height:50px}.expcard-img>img{width:30px;height:30px}.jobtitle{font-size:1.2rem}}.landing{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.landing:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(29,155,240,.15) 0,transparent 70%);animation:rotate 20s linear infinite;z-index:0;pointer-events:none}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.landing--container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1300px;padding:0 2rem;height:100%;position:relative;z-index:1}.landing--container-left{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:2rem}.lcl--content{display:flex;flex-direction:column;grid-gap:1.5rem;gap:1.5rem}.landing--social{font-size:2rem;transition:all .3s ease;cursor:pointer}.landing--social:hover{transform:translateY(-3px);filter:drop-shadow(0 0 8px rgba(29,155,240,.6))}.landing--container-right{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding-left:2rem}.lcr--content{width:100%;max-width:600px;font-family:var(--primaryFont)}.lcr--content h6{font-size:1.2rem;font-weight:500;margin-bottom:.5rem;opacity:.9;letter-spacing:1px;text-transform:uppercase}.lcr--content h1{font-size:4rem;font-weight:700;margin:.5rem 0;line-height:1.1;color:inherit}.typed-header{font-size:1.5rem!important;font-weight:600;margin-bottom:1.5rem;display:block}.lcr--content p{font-size:1.1rem;line-height:1.6;opacity:.8;margin-bottom:2rem;max-width:500px}.lcr-buttonContainer{display:flex;grid-gap:1.5rem;gap:1.5rem;align-items:center}.landing--img{width:400px;height:400px;object-fit:cover;border-radius:50%;border:4px solid transparent;box-shadow:0 0 40px rgba(29,155,240,.3);margin-left:2rem}.leetcodeicon{width:30px;height:30px;transition:all .3s ease}.leetcodeicon:hover{transform:scale(1.1);filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}@media (max-width:992px){.landing--container{flex-direction:column-reverse;justify-content:center;text-align:center;padding-top:6rem}.landing--container-left{flex-direction:row;margin-right:0;margin-top:2rem}.lcl--content{flex-direction:row}.landing--container-right{align-items:center;padding-left:0}.lcr--content{display:flex;flex-direction:column;align-items:center}.landing--img{width:250px;height:250px;margin-left:0;margin-bottom:2rem}.lcr--content h1{font-size:3rem}}@media (max-width:600px){.lcr--content h1{font-size:2.5rem}.lcr-buttonContainer{flex-direction:column;width:100%}.landing--img{width:200px;height:200px}}.navbar{height:5rem;position:fixed;top:0;left:0;background-color:rgba(15,23,42,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:999;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.1);transition:all .3s ease}.navbar,.navbar--container{display:flex;align-items:center;width:100%}.navbar--container{justify-content:space-between;padding:0 3rem;margin-top:1rem}.navbar--container>h1{font-family:"BestermindRegular";color:var(--primary-2);font-size:2.5rem;-webkit-user-select:none;user-select:none}.navLink--container{margin-top:5rem}.drawer>.MuiBackdrop-root{background:rgba(33,33,33,.15)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}@media (max-width:1100px){.navbar--container{padding:0 2rem}.nav-menu,.navbar--container>h1{font-size:2.2rem}.nav-menu{margin-top:-1.5rem}}@media (max-width:800px){.navLink--container{margin-top:3rem}}@media (max-width:600px){.nav-menu{color:var(--primary-2)}.navbar--container>h1{font-size:2rem}.nav-menu:hover{color:var(--primary-2)}.MuiDrawer-paper{border-radius:0!important}}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-device-pixel-ratio:2) and (device-aspect-ratio:2/3){.navbar{height:5rem}.navbar--container{padding:0 1rem;margin-top:0}.navbar--container>h1{font-size:1.5rem}}.projects{flex-direction:column;justify-content:flex-start;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;overflow-x:hidden;padding:2rem}.projects,.projects--header{display:flex;align-items:center}.projects--header{justify-content:center;width:100%;margin:1rem}.projects--header h1{margin-bottom:40px;font-size:2.5rem;font-family:var(--primaryFont)}.projects--body{flex-direction:column}.projects--body,.projects--bodyContainer{width:100%;display:flex;align-items:center;justify-content:center}.projects--bodyContainer{grid-gap:4.5rem;gap:4.5rem;flex-wrap:wrap}.projects--viewAll{width:100%;padding:2rem;display:flex;align-items:center;justify-content:flex-end;margin-top:2rem}.projects--viewAll a button{outline:none;border:none;width:150px;height:48px;display:flex;align-items:center;justify-content:space-between;text-transform:inherit;border-radius:45px;font-size:1.05rem;font-family:var(--primaryFont);font-weight:500;padding-left:1.5rem;cursor:pointer}@media screen and (max-width:992px){.projects--bodyContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}}@media screen and (max-width:800px){.projects--header h1{font-size:3rem;margin-bottom:30px}}@media screen and (max-width:600px){.projects--header h1{font-size:2.5rem;margin-bottom:20px}.projects--viewAll{position:relative;margin-top:4rem}.projects--viewAll a{position:absolute;left:50%;transform:translateX(-50%)}}.singleProject{display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;border-radius:20px;overflow:hidden;transition:all .3s ease-in-out;height:100%;width:350px;min-height:400px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 30px rgba(0,0,0,.1);position:relative}.singleProject:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.2)}.projectContent{display:flex;flex-direction:column;align-items:center;width:100%}.projectContent h2{font-family:var(--primaryFont);font-weight:600;font-size:1.5rem;margin-bottom:1rem;text-align:center;color:inherit}.projectContent img{width:100%;height:200px;object-fit:cover;border-radius:10px;margin-bottom:1rem;transition:transform .3s ease}.singleProject:hover .projectContent img{transform:scale(1.02)}.project--showcaseBtn{display:flex;align-items:center;justify-content:center;grid-gap:1rem;gap:1rem;margin-bottom:1rem}.project--desc{font-family:var(--primaryFont);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;text-align:center;opacity:.9;color:inherit}.project--lang{display:flex;flex-wrap:wrap;justify-content:center;grid-gap:.5rem;gap:.5rem;margin-top:auto}.project--lang span{font-family:var(--primaryFont);font-size:.85rem;font-weight:500;padding:.3rem .8rem;border-radius:50px;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid hsla(0,0%,100%,.1);transition:all .2s ease;color:inherit}.project--lang span:hover{background:hsla(0,0%,100%,.2);transform:translateY(-2px)}@media (max-width:500px){.singleProject{padding:1rem;width:100%}.projectContent h2{font-size:1.3rem}}.skills{flex-direction:column;justify-content:flex-start;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;padding:2rem;position:relative}.skills,.skillsHeader{display:flex;align-items:center}.skillsHeader{justify-content:center;margin-bottom:3rem}.skillsHeader h2{font-family:var(--primaryFont);font-style:normal;font-weight:700;font-size:3rem;text-align:center}.skillsContainer{padding:0 1rem}.skill--scroll,.skillsContainer{display:flex;align-items:center;justify-content:center;width:100%}.skill--scroll{flex-wrap:wrap;grid-gap:2rem;gap:2rem}.skill--box{background:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 30px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;width:140px;height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;transition:all .3s ease-in-out;animation:float 6s ease-in-out infinite}.skill--box:nth-child(2n){animation-delay:1s}.skill--box:nth-child(3n){animation-delay:2s}.skill--box:nth-child(5n){animation-delay:3s}.skill--box:hover{transform:scale(1.1);box-shadow:0 10px 40px rgba(0,0,0,.2);border-color:var(--primary-color,#0284c7);animation-play-state:paused}.skill--box>img{height:50px;width:50px;object-fit:contain;pointer-events:none;margin-bottom:1rem}.skill--box h3{font-family:var(--primaryFont);font-style:normal;font-weight:500;font-size:1rem;text-align:center;margin:0}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media screen and (max-width:992px){.skillsHeader h2{font-size:2.5rem}.skill--box{width:120px;height:120px;margin:0}.skill--box>img{height:40px;width:40px}}@media screen and (max-width:600px){.skills{padding:1rem}.skill--scroll{grid-gap:1rem;gap:1rem}.skill--box{width:100px;height:100px;padding:1rem}.skill--box>img{height:35px;width:35px}.skill--box h3{font-size:.85rem}}.blogPage{flex-direction:column;justify-content:flex-start;min-height:100vh}.blogPage,.blogPage--header{display:flex;align-items:center}.blogPage--header{height:35vh;width:100%;justify-content:center;position:relative}.blogPage--header h1{font-size:4rem;font-family:var(--primaryFont)}.blogPage--container{padding:3rem 2rem;flex-direction:column;justify-content:flex-start}.blog--search,.blogPage--container{width:100%;display:flex;align-items:center}.blog--search{justify-content:center}.blog--input{width:30%;height:2.75rem;outline:none;border:none;border-radius:20px;padding:.25rem 1rem}.blog--input::placeholder{color:#fff}.blogs--container{margin-top:5rem;width:100%}.blog-grid{display:flex;grid-gap:4rem;gap:4rem}@media screen and (max-width:992px){.blogPage--header{height:25vh;width:100%;display:flex;align-items:center;justify-content:center}.blog-grid{grid-gap:3rem;gap:3rem}.blog--input{width:100%}}@media screen and (max-width:702px){.blog-grid{grid-gap:1.5rem;gap:1.5rem}}@media screen and (max-width:550px){.blogPage--header h1{font-size:3rem}}@media screen and (max-width:400px){.blogPage--header{height:20vh}.blogPage--header h1{font-size:2.5rem}}.projectPage{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh}.projectPage-header{height:35vh;width:100%;display:flex;align-items:center;justify-content:center;position:relative}.projectPage-header>h1{font-size:4rem;font-family:var(--primaryFont)}.projectPage-container{padding:3rem 2rem;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.projectPage-search{width:100%;display:flex;align-items:center;justify-content:center}.project-container{margin-top:5rem;width:100%}.project-grid{display:flex;grid-gap:4rem;gap:4rem}@media screen and (max-width:992px){.projectPage-header{height:25vh;width:100%;display:flex;align-items:center;justify-content:center}.project-grid{grid-gap:3rem;gap:3rem}}@media screen and (max-width:702px){.project-grid{grid-gap:1.5rem;gap:1.5rem}}@media screen and (max-width:550px){.projectPage-header h1{font-size:3rem}}@media screen and (max-width:400px){.projectPage-header{height:20vh}.projectPage-header h1{font-size:2.5rem}}:root{--primaryFont:"Poppins",sans-serif}html{scroll-behavior:smooth}.changeTheme{position:fixed;right:10px;bottom:100px;height:30px;font-size:3rem;z-index:999}.changeTheme button{outline:none;border:none;cursor:pointer;background:none;padding:20px}@media screen and (max-width:800px){.changeTheme{right:-10px;bottom:90px;font-size:2.75rem}}
/*# sourceMappingURL=main.78c13237.chunk.css.map */