*{box-sizing:border-box;font-family:Arial,sans-serif;margin:0;padding:0}.home,.resume{align-items:center;display:block;font-size:3rem;height:auto;justify-content:center}.home-wrapper{background-image:linear-gradient(90deg,#bde0ff,#f0f8ff)}.home-wrapper-dark{background-image:linear-gradient(90deg,#352f44,#5c5470)}.home-dark,.resume-dark{font-size:3rem;height:auto}.home-dark,.resume,.resume-dark{align-items:center;display:flex;flex-direction:row;justify-content:center}.resume{background-image:linear-gradient(90deg,#bde0ff,#f0f8ff)}.resume-dark{align-items:center;background-image:linear-gradient(90deg,#2a2438,#5c5470);display:flex;flex-direction:row;justify-content:center}.document{border:none;margin-bottom:4vmin;margin-top:4vmin;width:80%}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#a0a0a0;border:2px solid #fff;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:grey}.navbar{align-items:center;animation:home-background-navbar 11s ease 0s 1;background-image:linear-gradient(90deg,#bde0ff,#f0f8ff);display:flex;font-size:1.2rem;height:80px;justify-content:center;position:relative;top:0;z-index:999}@keyframes navbar{0%{top:-100px}70%{top:-100px}80%{top:0}}.navbar-container{align-items:center;animation:navbar 10s ease 0s 1;background:#242424;display:flex;height:80px;justify-content:center;margin:0;padding:none;position:relative;width:100%}.navbar-logo,.navbar-logo-dark{align-items:center;color:#e0ffff;cursor:pointer;display:flex;font-size:2rem;font-weight:600;justify-self:start;margin-left:20px;text-decoration:none}.navbar-logo-dark{color:#e5e4e2}.navbar-logo-dark:hover,.navbar-logo:hover{transform:scale(1.05)}.nav-menu,.nav-menu-active{grid-gap:10px;background:#242424;display:grid;grid-template-columns:repeat(4,auto);justify-content:end;list-style:none;margin-right:2rem;text-align:center;width:60vw}.nav-item{height:80px}.nav-links,.nav-links-dark{align-items:center;color:#e0ffff;display:flex;font-weight:600;height:100%;padding:.5rem 1rem;text-decoration:none}.nav-links-dark{color:#e5e4e2}.nav-links-dark:hover,.nav-links:hover{border-bottom:4px solid #e0ffff;transition:all .2s ease-out}.nav-links-mobile{display:none}.dark-button,.light-button{background:#242424;border:none;color:#e0ffff;position:absolute;right:32px;top:22px;transition:all .5s}.dark-button{color:#fff}.toggle-container,.toggle-container-dark{background:#89cff0;border:2px solid #fff;border-radius:40px;display:flex;flex-direction:row;height:40px;justify-content:start;width:80px}.toggle-container-dark{background:#5c5470}.fa-regular{font-size:24px}.fa-moon,.fa-sun{background:#6495ed;border-radius:20px;color:#ffea00;margin-left:0;padding:5px;transition:margin-left .7s ease;width:36px}.fa-moon{background:#352f44;color:#87ceeb;margin-left:40px}.fa-moon:hover,.fa-sun:hover{filter:brightness(120%)}.dark-menu-button,.light-menu-button{display:none}@keyframes home-background-navbar{0%{filter:brightness(10%)}60%{filter:brightness(10%)}90%{filter:brightness(100%)}}@media screen and (max-width:960px){.nav-menu,.nav-menu-active{background:#242424;display:flex;flex-direction:column;height:auto;opacity:1;padding-bottom:25%;position:absolute;top:80px;transition:left .5s ease-in-out;width:100%}.dark-menu-button,.light-menu-button{border:none;display:block;left:40vmin;margin:0;padding:0;position:relative;top:.5vmin}.dark-menu-button>h1,.light-menu-button>h1{background:#242424;color:#fff;font-size:40px;padding:0 10px;transition:all 1s ease-in-out}.nav-menu-active{left:0}.nav-menu{left:-100%}.nav-links,.nav-links-dark{display:table;padding:2rem;text-align:center;width:100%}.nav-links:hover{border-radius:0}.navbar-logo,.navbar-logo-dark{left:-40px;position:absolute;top:5px;transform:translate(25%,50%)}.navbar-container{align-items:left;background:#242424;display:flex;height:80px;justify-content:left;max-width:1500px;position:static}.dark-button,.light-button{align-self:center;background:#242424;border:none;color:#e0ffff;left:.5vmin;position:relative;top:10vmin;transition:all .5s}}.hero-container{animation:home-background 11s ease 0s 1;display:flex;height:auto;justify-content:center}.hero-subcontainer,.hero-subcontainer-dark{align-items:center;animation:hero-subcontainer 10s ease 0s 1;background-image:linear-gradient(90deg,#f0f8ff,#bde0ff);border-radius:20px;display:flex;flex-direction:row;height:74vh;justify-content:space-evenly;margin:40px 100px 100px;object-fit:contain;padding-bottom:2%;width:80%}.hero-subcontainer-dark{background-image:linear-gradient(90deg,#5c5470,#352f44)}.hero-welcome,.hero-welcome-dark{display:flex;flex-direction:column;margin-left:40px;width:50%}.hero-welcome-dark>h2,.hero-welcome>h2{animation:hero-welcome-title 5s ease 0s 1;color:#242424;font-size:100px;left:auto}.hero-welcome-dark>h2{color:#d3d3d3}.hero-welcome-dark>p,.hero-welcome>p{color:#242424;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:22px}.hero-welcome-dark>p{color:#d3d3d3}.hero-welcome-header{animation:hero-welcome-header 5s ease 0s 1}.hero-welcome-details{animation:hero-welcome-details 5.7s ease 0s 1}.hero-intro{align-items:center;animation:hero-intro 2.5s ease 0s 1;display:flex;flex-direction:column;justify-content:center;margin:5% 5% 10%}.hero-intro>img{border-radius:100%;height:280px;margin-bottom:20px;object-fit:cover;width:280px}.hero-intro-name,.hero-intro-name-dark{animation:hero-name 13s ease 0s 1;height:50px}.hero-intro-name-dark>h1,.hero-intro-name>h1{font-size:22px;font-weight:600;text-align:center}.hero-intro-name-dark>h1{color:#d3d3d3}.hero-intro-name-dark>h2,.hero-intro-name>h2{font-size:22px;font-weight:400;text-align:center}.hero-intro-name-dark>h2{color:#d3d3d3}.hero-btns{margin-top:32px}.hero-btns .btn{margin:6px}.fa-play-circle{margin-left:4px}.hero-links{animation:hero-links 11s ease 0s 1;display:flex;justify-content:space-evenly;margin:10% 15% -25% auto;width:80%}.fa-envelope,.fa-github,.fa-instagram,.fa-linkedin{animation:icons .5s linear 1s 1;font-size:36px;margin:0 15px}.fa-linkedin{animation:icons .4s linear .5s 1}.fa-github{animation:icons .4s linear .6s 1}.fa-instagram{animation:icons .4s linear .7s 1}.fa-envelope{animation:icons .4s linear .8s 1}.fa-brands:hover,.fa-envelope:hover{transform:scale(1.3);transition:all .1s ease}.icon-light{color:#242424}.icon-dark{color:#d3d3d3}@keyframes home-background{0%{-webkit-backdrop-filter:brightness(10%);backdrop-filter:brightness(10%)}60%{-webkit-backdrop-filter:brightness(10%);backdrop-filter:brightness(10%)}90%{-webkit-backdrop-filter:brightness(100%);backdrop-filter:brightness(100%)}}@keyframes hero-intro{0%{margin-bottom:15%;margin-left:-66%}70%{margin-bottom:15%;margin-left:-66%}to{margin-bottom:10%;margin-right:5%}}@keyframes hero-subcontainer{0%{height:74vh;width:36%}18%{height:74vh;width:36%}25%{height:74vh;width:80%}}@keyframes hero-welcome-title{0%{margin-top:-15%;opacity:0}50%{margin-top:-15%;opacity:0}60%{margin-top:0;opacity:1}}@keyframes hero-welcome-header{0%{margin-left:-15%;opacity:0}70%{margin-left:-15%;opacity:0}73%{opacity:.4}75%{margin-left:0;opacity:1}}@keyframes hero-welcome-details{0%{opacity:0}95%{opacity:0}to{opacity:1}}@keyframes hero-name{0%{opacity:0}68%{opacity:0}78%{opacity:100%}}@keyframes hero-links{0%{margin-top:-20px}74%{margin-top:-20px}84%{margin-top:20px}}@keyframes icons{0%{transform:rotate(0deg)}50%{transform:rotate(180deg) scale(1.5)}to{transform:rotate(365deg)}}@keyframes text{0%{color:#f0f8ff}60%{color:#f0f8ff}90%{color:#242424}}@keyframes text-dark{0%{color:#f0f8ff}60%{color:#f0f8ff}90%{color:#d3d3d3}}@media screen and (max-width:1200px){.hero-subcontainer{height:50vh}.hero-welcome>h2{font-size:80px}.hero-welcome>p{margin-top:32px}.hero-welcome-header{font-size:34px}.hero-welcome-explain{font-size:16px}.hero-intro{animation:hero-intro-animation 0s ease 0s 1}.hero-intro>img{height:250px;margin-bottom:18px;width:250px}.hero-intro-name-dark>h1,.hero-intro-name>h1{font-size:24px}.hero-intro-name-dark>h2,.hero-intro-name>h2{font-size:18px;margin-bottom:100px;margin-top:9px}}@media screen and (max-width:1100px){.hero-subcontainer{height:45vh}.hero-welcome>h2{font-size:60px}.hero-welcome>p{margin-top:24px}.hero-welcome-header{font-size:24px}.hero-welcome-explain{font-size:14px}.hero-intro>img{height:200px;margin-bottom:16px;width:200px}.hero-intro-name-dark>h1,.hero-intro-name>h1{font-size:24px}.hero-intro-name-dark>h2,.hero-intro-name>h2{font-size:16px;margin-bottom:100px;margin-top:7px}.hero-intro{margin-right:75px}.fa-envelope,.fa-github,.fa-instagram,.fa-linkedin{font-size:25px}}@media screen and (max-width:900px){.hero-subcontainer{height:40vh}.hero-welcome>h2{font-size:50px}.hero-welcome>p{margin-top:20px}.hero-welcome-header{font-size:20px}.hero-welcome-explain{font-size:13px}.hero-intro>img{height:175px;margin-bottom:14px;width:175px}.hero-intro-name-dark>h1,.hero-intro-name>h1{font-size:20px}.hero-intro-name-dark>h2,.hero-intro-name>h2{font-size:16px;margin-top:7px}.btn-mobile{display:block;text-decoration:none}.btn{width:100%}.hero-intro{margin-right:50px}}@media screen and (max-width:800px){.hero-welcome>h2{font-size:40px}.hero-welcome>p{margin-top:20px}.hero-welcome-header{font-size:16px}.hero-welcome-explain{font-size:12px}.hero-intro{margin-right:40px}.hero-intro>img{height:150px;margin-bottom:12px;width:150px}.hero-intro>h1{font-size:25px}.hero-intro>p{font-size:12px;margin-top:7px}.fa-envelope,.fa-github,.fa-instagram,.fa-linkedin{font-size:4vminpx}.hero-intro-name-dark>h1,.hero-intro-name>h1{font-size:3vmin}.hero-intro-name-dark>h2,.hero-intro-name>h2{font-size:2vmin}.hero-links{margin-bottom:-80px;margin-top:2vmin}.hero-intro-name,.hero-intro-name-dark{height:6vmin}.hero-welcome,.hero-welcome-dark{display:none}}@media screen and (max-width:700px){.hero-welcome{margin-top:30px}.hero-welcome>h2{font-size:30px}.hero-welcome>p{margin-top:20px}.hero-welcome-header{font-size:12px}.hero-welcome-explain{font-size:8px}.hero-intro>img{height:100px;margin-bottom:10px;width:100px}.hero-intro>h1{font-size:17px}.hero-intro>p{font-size:4px;font-size:10px;margin:6px}.hero-intro{margin-right:35px}.hero-intro-name-dark>h1,.hero-intro-name>h1{font-size:30px}.hero-intro-name-dark>h2,.hero-intro-name>h2{font-size:26px;margin-top:7px}}@media screen and (max-width:600px){.hero-subcontainer{height:45vh}.hero-welcome,.hero-welcome-dark{display:none;margin-top:50px}.hero-intro{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:15vmin 30vmin 30vmin}.hero-intro>img{border-radius:100%;height:50vmin;margin-bottom:20px;object-fit:cover;width:50vmin}.fa-envelope,.fa-github,.fa-instagram,.fa-linkedin{font-size:10vmin;margin:0 15px}.hero-links{margin-bottom:-100px;margin-top:80px}}@media screen and (max-width:500px){.hero-subcontainer{height:50vh}.hero-welcome,.hero-welcome-dark{display:none;margin-top:75px}.hero-intro-name,.hero-intro-name-dark{height:15vmin}.hero-intro{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:15vmin 30vmin 30vmin}.hero-intro>img{border-radius:100%;height:50vmin;margin-bottom:20px;object-fit:cover;width:50vmin}.fa-envelope,.fa-github,.fa-instagram,.fa-linkedin{font-size:10vmin;margin:0 15px}.hero-links{margin-bottom:-100px;margin-top:10px}.hero-intro-name-dark>h1,.hero-intro-name>h1{font-size:6vmin}.hero-intro-name-dark>h2,.hero-intro-name>h2{font-size:4vmin}}.card-item{border-radius:10px;display:flex;flex:1 1;margin:0 1rem}.card-item-link,.card-item-link-dark{border-radius:10px;box-shadow:0 6px 20px #387dff2b;display:flex;filter:drop-shadow(0 6px 20px rgba(56,125,255,.017));flex-flow:column;overflow:hidden;text-decoration:none;width:100%}.card-item-link-dark{box-shadow:0 6px 20px #202020;filter:drop-shadow(0 6px 20px #202020)}.card-item-pic-wrap{overflow:hidden;padding-top:67%;position:relative;width:100%;z-index:0}.card-item-pic-wrap:after{background-color:#1f98f4;bottom:0;box-sizing:border-box;color:#fff;font-size:12px;font-weight:700;margin-left:10px;max-width:calc(100% - 60px);padding:6px 8px;position:absolute;z-index:0}.card-item-img{border:none;bottom:0;display:block;height:100%;left:0;max-height:100%;max-width:100%;object-fit:cover;opacity:1;position:absolute;right:0;top:0;transition:all .2s linear;width:100%;z-index:0}.card-item-text,.card-item-text-dark{color:#f0f8ff;display:none;font-size:22px;line-height:24px;margin:-58% -10% 5% 5%;width:90%}.card-item-details,.card-item-details-dark{color:#f0f8ff;display:none;font-size:16px;font-weight:400;line-height:24px;margin:2% 0 0 5%}.card-item-date,.card-item-date-dark{color:#6495ed;display:none;font-size:16px;font-weight:600;line-height:24px;margin:2% -10% 5% 5%}.card-item:hover{.card-text{animation:card-text .5s linear 0s 1}.card-item-date,.card-item-date-dark,.card-item-text,.card-item-text-dark{display:grid;position:relative;z-index:10}.card-item-details,.card-item-details-dark{display:grid;position:relative;width:90%;z-index:10}.card-item-pic-wrap{filter:brightness(15%)}}@keyframes card-text{0%{margin-top:-65%}}.cards,.cards-dark{animation:home-background 11s ease 0s 1;padding:0 2rem 2rem}.cards-dark>h1,.cards>h1{animation:text 11s ease 0s 1;margin-left:60px;text-align:left}.cards-dark>h1{animation:text-dark 11s ease 0s 1;color:#d3d3d3}.cards-container{align-items:center;display:flex;flex-flow:column;margin:0 auto;max-width:1120px;width:90%}.cards-wrapper{margin:50px 0 45px;position:relative;width:100%}.cards-items{margin-bottom:24px}@media only screen and (min-width:1024px){.cards-items{display:flex}}@media only screen and (max-width:1024px){.cards-items{margin-bottom:2rem}}@media only screen and (max-width:500px){.cards-dark>h1,.cards>h1{font-size:8vmin;margin:0 1vmin 1vmin}}.skills-wrapper,.skills-wrapper-dark{align-items:left;animation:home-background 11s ease 0s 1;display:flex;flex-direction:column;justify-content:center;padding:4vw 0 0}.skills-wrapper-dark>h1,.skills-wrapper>h1{animation:text 11s ease 0s 1;color:#242424;font-size:32px;padding-left:9vw}.skills-wrapper-dark>h1{animation:text-dark 11s ease 0s 1;color:silver}.skills,.skills-dark{align-items:flex-start;border-radius:20px;display:flex;flex-direction:row;justify-content:center;margin:4vw 10vw;padding:2vw}.skills-column,.skills-column-dark{height:50vmin;margin:2vw;padding:2vw 3vw 0;width:40vmin}.frontend{margin-left:-1vw}.skills-column-dark>h1,.skills-column>h1{animation:text 11s ease 0s 1;color:#242424;font-size:32px;margin-bottom:24px}.skills-column-dark>h1{animation:text-dark 11s ease 0s 1;color:#d3d3d3}.skills-column-dark>p,.skills-column>p{animation:text 11s ease 0s 1;color:#242424;font-size:20px;margin:40px 0;width:200px}.skills-column-dark>p:hover,.skills-column>p:hover{font-size:24px;font-weight:700;margin:42px 0 -3.5px}.skills-column-dark>p{animation:text-dark 11s ease 0s 1;color:#d3d3d3}.techLogo{margin-bottom:-6px;margin-left:-10px;width:28px}@media screen and (max-width:500px){.skills-wrapper-dark>h1,.skills-wrapper>h1{align-self:flex-start;font-size:8vmin;margin:6vmin 4vmin 2vmin 1vmin}.skills,.skills-dark{align-items:center;border-radius:20px;display:flex;flex-direction:column;justify-content:center;margin:4vw 10vw;padding:2vw}.skills-column-dark>h1,.skills-column>h1{font-size:6vmin}.skills-column-dark>p,.skills-column>p{font-size:4vmin;margin:2vmin}.skills-column,.skills-column-dark{align-items:center;display:flex;flex-direction:column;justify-content:center}}.footer-container{background-color:#242424;background:#242424;padding:2rem 0 0}.footer-container,.footer-farewell{align-items:center;display:flex;flex-direction:column;justify-content:center}.footer-farewell{color:#fff;padding:24px;text-align:center}.footer-farewell>p{font-size:24px}.website-rights{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:20px auto 40px;max-width:1000px;width:100%}.website-rights>small{color:#fff;margin-bottom:16px;margin-right:0}.fa-copyright{font-size:12px;margin-right:10px}.food{background-image:linear-gradient(90deg,#bde0ff,#f0f8ff)}.food,.food-dark{align-items:center;display:flex;flex-direction:column;justify-items:center}.food-dark{background-image:linear-gradient(90deg,#5c5470,#352f44)}.foodList{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:2vmin 4vmin;width:170vmin}.foodIntro{color:#242424}.foodIntro,.foodIntro-dark{border-radius:20px;margin:4vw 2vw 2vw;padding:2vw 2vw 2vw 4vw;width:85vw}.foodIntro-dark{color:#d3d3d3}.foodIntro h1{font-size:10vw;font-weight:600}.foodIntro h3{font-size:1.5vw;font-weight:400;margin:3vw 0}.foodIntro-dark h1{font-size:10vw}.foodIntro-dark h3{font-size:2vw;font-weight:400;margin:2vw 0}@media screen and (max-width:600px){.foodList{flex-direction:column;width:90vmin}.cards__item__link,.cards__item__link-dark{width:70vmin}}.food-item{border-radius:10px;display:flex;flex:1 1;margin:0 1rem}.food-item-link,.food-item-link-dark{border-radius:10px;box-shadow:0 6px 20px #387dff2b;display:flex;filter:drop-shadow(0 6px 20px rgba(56,125,255,.017));flex-flow:column;overflow:hidden;text-decoration:none;width:100%}.food-item-link-dark{box-shadow:0 6px 20px #202020;filter:drop-shadow(0 6px 20px #202020)}.food-item-pic-wrap{overflow:hidden;padding-top:67%;position:relative;width:100%;z-index:0}.food-item-pic-wrap:after{background-color:#1f98f4;bottom:0;box-sizing:border-box;color:#fff;font-size:12px;font-weight:700;margin-left:10px;max-width:calc(100% - 60px);padding:6px 8px;position:absolute;z-index:0}.food-item-img{border:none;bottom:0;display:block;height:100%;left:0;max-height:100%;max-width:100%;object-fit:cover;opacity:1;position:absolute;right:0;top:0;transition:all .2s linear;width:100%;z-index:0}.food-item-text,.food-item-text-dark{color:#f0f8ff;display:none;font-size:22px;line-height:24px;margin:-58% -10% 5% 5%;width:90%}.food-item-details,.food-item-details-dark{color:#f0f8ff;display:none;font-size:16px;font-weight:400;line-height:24px;margin:2% 0 0 5%}.food-item-date,.food-item-date-dark{color:#6495ed;display:none;font-size:16px;font-weight:600;line-height:24px;margin:2% -10% 5% 5%}.food-item:hover{.food-text{animation:food-text .5s linear 0s 1}.food-item-date,.food-item-date-dark,.food-item-text,.food-item-text-dark{display:grid;position:relative;z-index:10}.food-item-details,.food-item-details-dark{display:grid;margin-bottom:calc(44% - 40px);position:relative;width:90%;z-index:10}.food-item-pic-wrap{filter:brightness(15%)}}@keyframes food-text{0%{margin-top:-65%}}
/*# sourceMappingURL=main.7a67634d.css.map*/