@import"https://fonts.googleapis.com/icon?family=Material+Icons";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:where([hidden]:not([hidden=until-found])){display:none!important}:where(html){-webkit-text-size-adjust:none;color-scheme:dark light;-moz-tab-size:2;tab-size:2;scrollbar-gutter:stable}:where(html:has(dialog:modal[open])){overflow:clip}@media (prefers-reduced-motion: no-preference){:where(html:focus-within){scroll-behavior:smooth}}:where(body){line-height:1.5;font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased}:where(button){all:unset}:where(input,button,textarea,select){font:inherit;color:inherit}:where(textarea){resize:vertical;resize:block}:where(button,label,select,summary,[role=button],[role=option]){cursor:pointer}:where(:disabled){cursor:not-allowed}:where(label:has(>input:disabled),label:has(+input:disabled)){cursor:not-allowed}:where(a){color:inherit;text-underline-offset:.2ex}:where(ul,ol){list-style:none}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,picture,svg,video){max-inline-size:100%;block-size:auto}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(h1,h2,h3){line-height:calc(1em + .5rem);text-wrap:balance}:where(hr){border:none;border-block-start:1px solid;color:inherit;block-size:0;overflow:visible}:where(dialog){border:none;background:none;inset:unset;max-width:unset;max-height:unset}:where(dialog:not([open])){display:none!important}:where(:focus-visible){outline:3px solid CanvasText;box-shadow:0 0 0 5px Canvas;outline-offset:1px}:where(:focus-visible,:target){scroll-margin-block:8vh}:where(.visually-hidden:not(:focus-within,:active)){clip-path:inset(50%)!important;height:1px!important;width:1px!important;overflow:hidden!important;position:absolute!important;white-space:nowrap!important;border:0!important}#root{background-color:#fff4a1;background-image:url(src/assets/sponge.jpg);background-repeat:repeat;color:#000}.header{background-color:#a77f4d;color:#fff;padding:1rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 5px #0003}.logo{font-size:50px;font-weight:700;text-decoration:none;color:#fff;padding-left:1rem}.nav-links{display:flex;flex-direction:row;align-items:center}.nav-links li{margin-left:2rem;list-style:none}.nav-links li .material-symbols{height:45px;font-size:45px;color:#fff;font-family:Material Icons}.nav-links li .material-symbols.home:before{content:""}.nav-links li .material-symbols.blog:after{content:""}.nav-links li .material-symbols.photo:before{content:""}.nav-links li .material-symbols.sns:before{content:""}.nav-links li .material-symbols.about:before{content:""}.nav-links li .material-symbols.contact:before{content:""}.nav-links li a{text-decoration:none;color:#fff;display:flex;flex-direction:column;align-items:center}.nav-links li a p{visibility:hidden;opacity:0;margin-top:10px;font-weight:bolder}.nav-links li a:hover p{transition:visibility .3s ease;transition:opacity .3s ease;visibility:visible;opacity:1}@media screen and (max-width: 768px){.header{height:4rem}.logo{font-size:30px}.hamburger{position:absolute;top:18px;right:20px;cursor:pointer;width:32px;height:24px;z-index:10}.hamburger span{transition:all .3s;position:absolute;height:3px;background-color:#efe8bf;width:100%;z-index:10}.hamburger span:nth-of-type(1){top:4px}.hamburger span:nth-of-type(2){top:12px}.hamburger span:nth-of-type(3){top:20px}.hamburger.active span:nth-of-type(1){top:10px;transform:translateY(6px) rotate(-33deg)}.hamburger.active span:nth-of-type(2){opacity:0}.hamburger.active span:nth-of-type(3){top:22px;transform:translateY(-6px) rotate(33deg)}.nav{display:none}.nav.open{position:absolute;top:64px;left:0;display:flex;flex-direction:column;justify-content:center;background-color:#fff4a1;width:100%}.nav.open .nav-links{flex-direction:column}.nav.open .nav-links li{margin:10px}.nav.open .nav-links li a{color:#000;font-size:20px}.nav.open .nav-links li img{fill:#000}}#home.contents{height:300px}#about.contents{margin:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;height:300px;background-color:#ffffff80;border-radius:12px}#about .about-wrap{width:100%;margin-top:3rem;display:flex;flex-direction:row;justify-content:space-around}#about .about-wrap .profile-info-wrap{border-radius:12px;width:50rem;background-color:#d5d5d5;text-align:center;padding-top:1rem;padding-bottom:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (max-width: 768px){#about.contents{margin:5rem .5rem .5rem}#about .about-wrap{flex-direction:column;align-items:center;margin-top:1rem;padding-bottom:1rem}#about .about-wrap .profile-image-wrap{padding-bottom:1rem}#about .about-wrap .profile-info-wrap{width:100%}}#not-found.contents{height:20rem;display:flex;justify-content:center;align-items:center;flex-direction:column}footer{height:5rem;background-color:#513d25;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:3px solid #6a5b4b}