h2{font-size:36px;line-height:40px}@media only screen and (min-width:768px){h2{font-size:40px;line-height:44px}}@media only screen and (min-width:1280px){h2{font-size:55px;line-height:65px}}h2{color:#595b55;text-align:center}h3{font-size:22px;line-height:24px}@media only screen and (min-width:768px){h3{font-size:32px;line-height:44px}}h4,label,p{font-size:20px;line-height:22px}@media only screen and (min-width:768px){h4,label,p{font-size:22px;line-height:24px}}a{text-decoration:none}label{margin-right:1rem;text-align:right;width:10rem}input[type=number],input[type=text]{font-family:Baloo2;font-size:20px;line-height:22px}@media only screen and (min-width:768px){input[type=number],input[type=text]{font-size:22px;line-height:24px}}input[type=number],input[type=text]{border:1px solid #bfc2c6;border-radius:20px;box-shadow:0 0 5px #0000001a;color:#07080e;letter-spacing:0;padding:.5rem 1rem;text-align:left;width:100%}input[type=number]:focus,input[type=text]:focus{border-color:#ffae00;box-shadow:0 0 5px #007bff80}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px #fff!important}.app{min-height:100vh}.app,.main{display:flex;flex-direction:column}.main__space{height:75vh}.main__contents{padding:.5rem}@media only screen and (min-width:768px){.main__contents{padding:2rem}}.main__wrapper{display:flex;flex-direction:column;justify-content:space-between;margin:auto;max-width:1140px}.tech{margin-top:7rem}.header{background-color:#fafafa;height:7rem}.footer{background-color:#01063b;height:18rem}.space{height:5rem}@media only screen and (min-width:768px){.space{height:8rem}}.header{position:fixed;right:0;top:0;width:100%;z-index:999}.header__wrapper{align-items:center;display:flex;justify-content:space-between;margin:auto;max-width:1140px}.header__wrapper-left{align-items:center;display:flex;gap:12px}.header__nav{align-items:center;display:flex;justify-content:space-between;margin:1rem}@media only screen and (min-width:768px){.header__nav{margin:0}}.header__tabs{align-items:center;display:flex}.header__tab{color:#30302f;cursor:pointer;font-size:16px;margin:0 10px}.header__tab--container{display:none}@media only screen and (min-width:768px){.header__tab--container{display:block;position:relative}}.header__tab--container:before{background-color:#0000;bottom:-1rem;content:"";left:-10px;position:absolute;right:-10px;top:-1rem;transition:background-color .3s ease;z-index:-1}.header__tab--container:hover:before{background-color:#bfc2c6;color:#333}.header .header__tab--container:hover .header__tab{color:#333}.header__btn{margin:0 1rem}.header__image{border-radius:.5rem;height:5.1rem;margin-left:1rem}@media only screen and (min-width:768px){.header__image{height:7rem;margin-left:0}}.header__addbtn{font-family:Baloo2;font-size:20px;line-height:22px}@media only screen and (min-width:768px){.header__addbtn{font-size:22px;line-height:24px}}.header__addbtn{background-color:#f73;border:none;border-radius:20px;box-shadow:0 2px #f0720b;color:#07080e;color:#ffffffeb;font-weight:700;letter-spacing:0;margin:1rem;padding:.5rem 1rem;text-align:left;text-align:center;width:100%;width:7rem}.header__addbtn:hover{background-color:#f0720b;color:#01063b}.lang-switch__btn{background:none;border:none;cursor:pointer;font:inherit;opacity:.7;padding:0}.lang-switch__btn:hover{opacity:1}.lang-switch__btn.active{font-weight:700;opacity:1;text-decoration:underline}.lang-switch .divider{margin:0 2rem;opacity:.5}.hero{margin-top:7rem}.hero__background{background-image:url(/static/media/hero55.319b90d48eb691e60a03.webp);background-position:45% 45%;background-repeat:no-repeat;background-size:cover;filter:blur(.8px);height:75%;inset:0;position:absolute;z-index:-1}@media only screen and (min-width:768px){.hero__background{background-position:50% 30%;height:79%}}@media only screen and (min-width:1280px){.hero__background{background-position:50% 35%;height:85%}}.hero__content{margin:auto;max-width:1140px;z-index:1}.hero__content h1,.hero__content h3{display:inline-block;font-weight:700;left:15%;margin:1rem;position:absolute;top:38%}@media only screen and (min-width:768px){.hero__content h1,.hero__content h3{margin:1rem 0;top:35%}}@media only screen and (min-width:1280px){.hero__content h1,.hero__content h3{margin:1rem 0;top:35%}}.hero__content h1{font-size:44px;line-height:44px}@media only screen and (min-width:768px){.hero__content h1{font-size:55px;line-height:65px}}@media only screen and (min-width:1280px){.hero__content h1{font-size:72px;line-height:100px}}.hero__content h1{animation:scrollLeft 5s ease-in-out infinite;-webkit-background-clip:text;background-image:linear-gradient(90deg,#f73,#ff0,#8d0be9,green,#ff0,orange,red);color:#0000;white-space:nowrap}.hero__content h3{font-size:36px;line-height:40px}@media only screen and (min-width:768px){.hero__content h3{font-size:40px;line-height:44px}}@media only screen and (min-width:1280px){.hero__content h3{font-size:55px;line-height:65px}}.hero__content h3{color:#fffffff2;text-shadow:0 2px 10px #000000bf,0 0 2px #000000d9;top:48%}.hero__content .hero__title--desktop{display:none}.hero__content .hero__title--mobile{display:inline-block}@media only screen and (min-width:768px){.hero__content .hero__title--desktop{display:inline-block}.hero__content .hero__title--mobile{display:none}}@keyframes scrollLeft{0%{opacity:1;transform:translateX(0)}40%{opacity:1;transform:translateX(-200%)}45%{opacity:0;transform:translateX(-200%)}50%{opacity:0;transform:translateX(200%)}55%{opacity:1;transform:translateX(0)}to{opacity:1;transform:translateX(0)}}.about__title{margin:2rem 1rem}@media only screen and (min-width:768px){.about__title{margin:2rem 0}}.about__title--special{color:#ffae00}.about__container{align-items:center;display:flex;flex-direction:column;justify-content:space-between}@media only screen and (min-width:768px){.about__container{align-items:flex-start;flex-direction:row}}.about__content{background-color:#fff;border:1px solid #dee2e6;border-radius:4px;box-shadow:0 4px 8px #0000001a;height:auto;margin-top:1rem;padding:20px;width:99%}@media only screen and (min-width:768px){.about__content{margin-top:0;width:70%}}.about__image{background-image:url(/static/media/Sharon.828120b287157ec0c3d1.jpg);background-position:50%;background-size:cover;border:10px solid #bfc2c6;border-radius:50%;height:15rem;width:12rem}@media only screen and (min-width:768px){.about__image{margin-right:1rem;padding-top:3rem}}.about__longString{font-size:1.5rem;padding-bottom:2rem}.interests__title{margin:2rem 1rem}@media only screen and (min-width:768px){.interests__title{margin:2rem 0}}.interests__title--special{color:#ffae00}.interests__container{align-items:start;display:flex;flex-direction:column;justify-content:space-between;padding:14px}@media only screen and (min-width:768px){.interests__container{flex-direction:row}}.card{background-color:#fff;border:1px solid #dee2e6;border-radius:4px;box-shadow:0 4px 8px #0000001a;margin-bottom:1rem;padding:20px;width:100%}@media only screen and (min-width:768px){.card{width:30%}}.card h3{font-size:22px;line-height:24px}@media only screen and (min-width:768px){.card h3{font-size:32px;line-height:44px}}.card h3{color:#f73;margin-top:1rem}.card__image{height:3rem;max-width:100%}.card__text{color:#30302f;margin-top:1.5rem}.card:hover{height:scale(1.05);transform:scale(1.05)}.card:hover p{color:#333;font-size:22px;line-height:1.5rem}@media only screen and (min-width:768px){.card:hover p{font-size:1.5rem;line-height:2rem}}.gallery{margin-bottom:2rem}.gallery__wrapper{margin:auto;max-width:1140px}.gallery__title{margin:2rem 1rem}@media only screen and (min-width:768px){.gallery__title{margin:2rem 0}}.gallery__title--special{color:#ffae00}.gallery__arrange{display:flex;flex-wrap:wrap;justify-content:center}@media only screen and (min-width:768px){.gallery__arrange{justify-content:space-evenly}}.project{border-radius:10px;box-shadow:0 4px 8px #0000001a;cursor:pointer;height:25rem;margin:1rem;overflow:hidden;position:relative;width:20rem}.project__image{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;transition:transform .3s ease;width:100%}.project__overlay{align-items:center;background-color:#eaddca;color:#000;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;padding:16px;position:absolute;top:0;transition:opacity .3s ease;width:100%}.project__title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.project__content{font-size:1rem;margin-bottom:.5rem;text-align:center}.project__skills{font-size:.9rem;text-align:center}.project:hover .project__overlay{opacity:1}.project:hover .project__image{transform:scale(1.05)}.passioncard{align-items:start;background-color:#fff;display:flex;padding:0 20px;width:90%}.passioncard__image{border-radius:4px;margin-right:1rem;margin-top:2rem;max-width:100%;width:1.5rem}@media only screen and (min-width:768px){.passioncard__image{width:3rem}}.passioncard__text{color:#30302f;margin-top:1.5rem}.passioncard p{color:#333;font-size:1.5rem;line-height:2rem}.career__title{margin:2rem 1rem}@media only screen and (min-width:768px){.career__title{margin:2rem 0}}.career__title--special{color:#ffae00}.career__container{border-bottom:1px solid #bfc2c6;display:flex;justify-content:center;margin-top:2rem;padding-bottom:2rem}.eduCard{margin-bottom:1rem;width:100%}.eduCard h3{font-size:22px;line-height:24px}@media only screen and (min-width:768px){.eduCard h3{font-size:32px;line-height:44px}}.eduCard h3{color:#30302f;margin-top:1rem}.eduCard h5{margin-top:0}.eduCard__image{height:3rem;max-width:100%}.eduCard__text{color:#30302f;font-size:1.2rem;line-height:32px;margin-left:1.5rem;margin-top:1.5rem}@media only screen and (min-width:768px){.eduCard__text{margin-left:0}}.education__container{border-top:1px solid #bfc2c6;display:flex;flex-direction:column;justify-content:center;margin-top:1rem}@media only screen and (min-width:768px){.education__container{align-items:start;flex-direction:row;justify-content:space-between}}.education h3{font-size:22px;line-height:24px}@media only screen and (min-width:768px){.education h3{font-size:32px;line-height:44px}}.education h3{color:#30302f;margin-top:1rem}.education__title{text-align:center}.education__content{padding:0 1rem;width:100%}@media only screen and (min-width:768px){.education__content{width:70%}}.skills__container{border-top:1px solid #bfc2c6;display:flex;flex-direction:column;justify-content:center;margin-top:1rem}@media only screen and (min-width:768px){.skills__container{align-items:start;flex-direction:row;justify-content:space-between}}.skills h3{font-size:22px;line-height:24px}@media only screen and (min-width:768px){.skills h3{font-size:32px;line-height:44px}}.skills h3{margin-top:1rem}.skills h3,.skills label{color:#30302f}.skills__title{text-align:center}@media only screen and (min-width:768px){.skills__title{text-align:left;width:28%}}.skills__content{padding:1rem;width:100%}@media only screen and (min-width:768px){.skills__content{width:70%}}.skills__subtitle{margin:.5rem 0}.skills__description{border-radius:5px;cursor:pointer;margin-bottom:.5rem;padding:3px;transition:background-color .3s ease}.skills__description p{color:#30302f;font-size:1.2rem;line-height:32px;margin-left:1.5rem}@media only screen and (min-width:768px){.skills__description p{margin-left:0}}.skills__description:hover{background-color:beige}.skills__description h4{text-decoration:underline;-webkit-text-decoration-color:#f73;text-decoration-color:#f73;text-underline-offset:.25rem}.passion{margin-top:2rem}.passion__title{margin:2rem 1rem}@media only screen and (min-width:768px){.passion__title{margin:2rem 0}}.passion__title--special{color:#ffae00}.passion__container{display:flex;flex-direction:column}@media only screen and (min-width:768px){.passion__container{flex-direction:row;justify-content:space-between}}.techcard{align-items:flex-start;display:flex;gap:12px;padding:0 20px}.techcard__image{border-radius:6px;flex:0 0 auto;height:1.75rem;margin-top:1.5rem;object-fit:contain;width:1.75rem}@media only screen and (min-width:768px){.techcard__image{height:2.5rem;width:2.5rem}}.techcard__content{flex:1 1;min-width:0}.techcard__text{color:#333;cursor:pointer;font-size:1.5rem;line-height:2rem;margin-top:1.5rem;text-decoration:underline;-webkit-text-decoration-color:#f73;text-decoration-color:#f73;text-underline-offset:.45rem;transition:transform .15s ease,color .15s ease;width:100%}.techcard__text:hover{color:#000;transform:translateY(-1px)}.techcard__content p:last-child{color:#666;font-size:.95em;line-height:1.5;margin:.5rem 0 0}@font-face{font-family:Baloo2;font-style:normal;font-weight:700;src:url(/static/media/Baloo2-Bold.43c6ae8a0cb5f6dd7b33.ttf) format("truetype")}@font-face{font-family:Baloo2;font-style:normal;font-weight:600;src:url(/static/media/Baloo2-SemiBold.958323f5474c397d1135.ttf) format("truetype")}@font-face{font-family:Baloo2;font-style:normal;font-weight:400;src:url(/static/media/Baloo2-Regular.028c42bd45546be01c42.ttf) format("truetype")}*,:after,:before{box-sizing:border-box}body,h1,h2,h3,input[type=text],p{font-family:Baloo2,Arial,Helvetica,sans-serif;margin:0}.footer{color:#f73;padding:2rem}.footer__wrapper{display:flex;margin:auto;max-width:1140px}.footer__wrapper a img{transition:transform .3s ease-in-out}.footer__wrapper a img:hover{transform:scale(2)}.footer__company{flex:1 1;justify-content:center;left:0;position:absolute;width:100%}.footer__company,.footer__vertical{align-items:center;display:flex;flex-direction:column}.footer__vertical{justify-content:space-between}.footer__company>*{margin:10px 0}.footer__social{display:flex;justify-content:space-between;width:10rem}.footer__social a img{transition:transform .3s ease-in-out}.footer__social a img:hover{transform:scale(2)}.footer__image{margin-left:-.4rem;width:15%}.footer__email{fill:#fff;align-items:center;display:flex;height:2rem}.footer__email img{height:1rem;margin-right:8px}.footer p{font-size:1rem;padding-bottom:2rem}.icon_lc,.img_github{width:24px}.filter-svg{filter:invert(100%) sepia(0) saturate(0) hue-rotate(0deg) brightness(50%) contrast(100%)}
/*# sourceMappingURL=main.f087a33c.css.map*/