:root{--body_background:#fafafa;--body_color:#000;--skills-color:#2e8b57;--skills-text-color:#fff;--nav_border_color:#e2e2e2}[data-theme=dark]{--body_background:#080808;--body_color:#fafafa;--skills-color:#2e8b57;--skills-text-color:#fff;--nav_border_color:#505050}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fafafa;background-color:var(--body_background)}a,h1,h2,p{color:#000;color:var(--body_color);text-decoration:none}main{margin:0 auto;max-width:1400px;min-height:100vh}ul{list-style-type:none}.top{background-color:var(--body_background);min-height:100vh}.welcome-details{align-items:center;display:flex;flex-direction:row;justify-content:center;padding-left:1rem;padding-right:1rem;padding-top:15rem}.welcome{margin-right:5rem;margin-top:-100px}.welcome>h1{font-size:5rem}.welcome h2{font-size:3rem;margin-top:.5rem}.welcome>p{font-size:1.5rem;line-height:1.5}.contact-links{display:flex;justify-content:flex-start}.contact-links a{cursor:pointer;height:66px;margin-right:1rem;margin-top:1rem;width:66px}.contact-links a:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.resume-wrapper{display:flex;justify-content:flex-start;margin-top:1.5rem}.resume{cursor:pointer;margin-top:1rem;width:40%}.resume a{align-items:center;background:transparent;border-color:var(--skills-color);border-style:solid;border-width:1px;color:var(--skills-color);display:flex;font-size:1.5rem;justify-content:center;padding:1rem 2.5rem;width:100%}.resume a:hover{background-color:var(--skills-color);color:var(--skills-text-color);transition:.3s}.luwa-photo>img{border-radius:100%;margin-bottom:4rem}@media (max-width:1350px){.welcome>h1{font-size:4rem}.welcome h2{font-size:2rem}.welcome>p{font-size:1.3rem}.resume{width:50%}.resume a{font-size:1.2rem}.luwa-photo>img{border-radius:50%;margin-bottom:4rem;width:20rem}}@media (max-width:910px){.top .welcome-details{flex-direction:column-reverse;padding-top:6rem}.welcome{margin-right:0;text-align:center}.welcome>h1{font-size:2.5rem}.welcome h2{font-size:1.6rem}.welcome>p{font-size:1.3rem}.contact-links,.resume-wrapper{justify-content:center}.resume{width:60%}.resume a{font-size:1rem}.luwa-photo>img{margin-bottom:6.3rem;width:12rem}}@media (max-width:370px){.luwa-photo>img{width:12rem}}#about{margin-top:5rem;padding-left:1rem;padding-right:1rem}.about-info{grid-gap:8rem;display:grid;grid-template-columns:1fr 1fr;margin-top:-80px}.about-me-details p{display:block;margin-bottom:2rem}.contact{cursor:pointer;margin-top:.75rem;width:40%}p{font-size:1.3rem;line-height:1.5;margin-top:1rem}.contact a{align-items:center;background:transparent;border-color:var(--skills-color);border-style:solid;border-width:1px;color:var(--skills-color);display:flex;font-size:1.5rem;justify-content:center;padding:1rem 2.5rem;width:100%}.contact a:hover{background-color:var(--skills-color);color:var(--skills-text-color);transition:.3s}.about-skills h2{font-size:2rem}.about-skills h2,.about-skills h3{line-height:1.5;margin-bottom:.6rem}.about-skills h3{color:var(--body_color);font-size:1.3rem;text-decoration:underline}.skillsGroup{display:flex;flex-wrap:wrap}.skillsGroup div{background:var(--skills-color);border-radius:2px;color:var(--skills-text-color);letter-spacing:1px;margin-bottom:.7rem;margin-right:.7em;padding:.7rem 1rem}@media (max-width:600px){#about{padding-top:6rem}.about-info{grid-gap:2rem;grid-template-columns:1fr}}#projects{padding-left:1rem;padding-right:1rem}.project-label{padding:4rem 0 1.4rem;text-align:center}.project-container{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;padding-bottom:5rem}.card-wrapper{height:420px;margin:0 auto;padding-bottom:2rem;-webkit-perspective:1000px;perspective:1000px;width:370px}.card{border:2px solid var(--nav_border_color);box-shadow:0 4px 8px rgba(0,0,0,.2);height:100%;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s;width:100%}.card-wrapper:hover .card{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card img{border:2px solid var(--nav_border_color);height:340px;width:100%}.front .back{height:100%;position:absolute;width:100%}.front,.front .back{-webkit-backface-visibility:hidden}.front{backface-visibility:hidden;text-align:center}.front>h2{padding:.4rem}.back{-webkit-backface-visibility:hidden;backface-visibility:hidden;bottom:0;left:0;margin:0 auto;padding-left:1rem;padding-right:1rem;position:absolute;right:0;text-align:center;top:20px;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.project-tech{font-size:.9em;height:13%;margin:5px 0 0}.project-desc{font-size:1em;height:45%;margin-top:2px}.project-links{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:center;margin:1.2rem 0 .6rem}.project-link-wrapper{background:transparent;border:1px solid #2e8b57;padding:.5rem;width:50%}.project-link{color:#2e8b57;width:100%}.project-link:hover{text-decoration:underline}.demo-link-wrapper{background-color:#2e8b57;border:1px solid #2e8b57;padding:.5rem;width:50%}.demo-link{color:#fff}.demo-link:hover{text-decoration:underline}.dark_mode{margin-left:10px;margin-top:-20px}.dark_mode_label{background:#ebebeb;border-radius:200px;box-shadow:inset 0 5px 15px rgba(0,0,0,.4),inset 0 -5px 15px hsla(0,0%,100%,.4);cursor:pointer;display:block;height:30px;position:relative;transition:.3s;width:65px}.dark_mode_label:after{background:linear-gradient(180deg,#ffcc89,#d8860b);border-radius:180px;box-shadow:0 5px 10px rgba(0,0,0,.2);content:"";height:25px;left:3px;position:absolute;top:3px;transition:.3s;width:25px}.dark_mode_input{height:0;visibility:hidden;width:0}.dark_mode_input:checked+.dark_mode_label{background:#242424}.dark_mode_input:checked+.dark_mode_label:after{background:linear-gradient(180deg,#777,#3a3a3a);left:62px;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.dark_mode_label:active:after{width:30px}.dark_mode_label svg{position:absolute;top:5px;width:20px;z-index:100}.dark_mode_label svg.sun{fill:#fff;left:5px;transition:.3s}.dark_mode_label svg.moon{fill:#7e7e7e;left:40px;transition:.3s}.dark_mode_input:checked+.dark_mode_label svg.sun{fill:#7e7e7e}.dark_mode_input:checked+.dark_mode_label svg.moon{fill:#fff}.nav{align-items:center;display:flex;height:90px;justify-content:space-between;padding:1rem;position:fixed;width:100%;z-index:10}.h-icon,.x-icon{color:var(--body_color)}.nav h1{cursor:pointer;font-size:2.25rem;font-weight:800;letter-spacing:-.025em}.nav-bg{background-color:var(--body_background);border-bottom:2px solid var(--nav_border_color)}.nav-items{display:flex}.nav-items li{cursor:pointer;font-size:1.2rem;font-weight:500;padding:0 1rem}.nav-items li:hover{-webkit-text-decoration:underline var(--body_color) 2px solid;text-decoration:underline var(--body_color) 2px solid}.collapse-show-menu{display:none}@media screen and (max-width:850px){.nav-items{align-items:center;flex-direction:column;height:100vh;justify-content:center;left:0;position:absolute;top:-1000%;transition:.4s;width:100%;z-index:-3}.nav-items.active{background-color:var(--body_background);top:0}.nav-items.active li{color:var(--body_color);top:0}.nav-items li{font-size:2rem;padding:1rem 0}.collapse-show-menu{display:inline;display:initial}.nav-h1{font-size:1.7rem}}@media screen and (max-width:450px){.nav-items li{font-size:1.7rem}.nav-h1{font-size:1.4rem}}
/*# sourceMappingURL=main.273987b4.css.map*/