html{font-size:100%}body{background-color:#faebd7;font-family:Times New Roman,Times,serif;line-height:1.7;color:#432}li{list-style:none}a{color:#432;text-decoration:none}img{max-width:100%}.wrapper{max-width:1100px;margin:0 auto;padding:0 4%}.pageHeader{display:flex;justify-content:space-between}.mainTitle a{color:#432}.mainNavigation{display:flex;font-size:1.25rem;margin-top:34px;list-style:none;cursor:pointer}.mainNavigation li{margin-left:36px}.mainNavigation a{color:#432}.navigationLink{display:inline-block;position:relative;overflow:hidden;text-decoration:none}.navigationLink:after{position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#313131;transform:translate(-100%);transition:transform cubic-bezier(.68,-.55,.265,1.55) .4s;content:""}.navigationLink:hover:after{transform:translate(0)}.pageTitle{font-size:4rem;font-family:serif;font-weight:400;text-align:center;text-transform:uppercase}.homeTitle{font-size:5rem;font-family:serif;font-weight:400;text-align:center}.projectButton{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}.homeMessage{font-size:1rem;margin:20px;padding:20px;text-align:center}.homeNavigationButton{background-color:#432;border-radius:5px;box-shadow:0 15px 10px 5px #29292900;color:#faebd7;cursor:pointer;font-size:2rem;padding:18px 32px;text-align:center;transition:box-shadow 2s ease-out,transform 2s ease-out}.homeNavigationButton:hover{box-shadow:0 15px 10px 5px #29292980;transform:translateY(-10px)}.logo{width:256px;height:256px}.logoNavigation{box-shadow:0 15px 10px 5px #29292900;transition:box-shadow 2s ease-out,transform 2s ease-out}.logoNavigation:hover{box-shadow:0 15px 10px 5px #29292980;transform:translateY(-10px)}.aboutTitle{font-size:2.5rem}.aboutSectionTitle{font-size:1.8rem}.aboutContents p{font-size:1.25rem}.snsList{display:flex}.skillList li,.snsList li{font-size:1.25rem;padding:3px 10px;margin:5px}.contentsMessage{border:5px dashed black;margin:10px;padding:10px}.bookContents,.sketchContents{margin-top:5%}.bookContents p,.sketchContents p{font-size:1.125rem;margin:10px 0 0}.projectTitle{font-size:2rem;text-align:center}.bookGrid,.sketchGrid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:6%;margin-bottom:50px}.bookImg,.sketchImg{transition:box-shadow 1s ease-in,transform 2s ease-out;box-shadow:0 15px 10px 5px #29292900}.bookImg:hover,.sketchImg:hover{box-shadow:0 15px 10px 5px #29292975;transform:translate(-5px,-5px)}.itemDescription{font-size:1rem;font-weight:700}.useSkillList{display:flex;gap:5px;font-size:1rem}canvas{position:absolute;left:0;top:0;z-index:-1}footer{text-align:center;padding:26px 0;margin-top:5%}footer small{color:#432;font-size:.875rem}@media (max-width: 600px){.pageTitle{font-size:1.5rem;margin-bottom:10px}.pageHeader{flex-direction:column;align-items:center}.mainNavigation{font-size:1rem;margin-top:30px}.mainNavigation li{margin:0 20px}.homeMessage{font-size:.8rem;margin:10px}.contentsMessage{border:2px dashed black;margin:5px;padding:5px}.noteContents p,.sketchContents p{font-size:1rem;margin:0}.itemDescription{font-size:.5rem}}*,:before,:after{box-sizing:border-box;background-repeat:no-repeat}:before,:after{text-decoration:inherit;vertical-align:inherit}:where(:root){cursor:default;line-height:1.5;overflow-wrap:break-word;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}:where(body){margin:0}:where(h1){font-size:2em;margin:.67em 0}:where(dl,ol,ul) :where(dl,ol,ul){margin:0}:where(hr){color:inherit;height:0}:where(nav) :where(ol,ul){list-style-type:none;padding:0}:where(nav li):before{content:"\200b";float:left}:where(pre){font-family:monospace,monospace;font-size:1em;overflow:auto}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(audio,canvas,iframe,img,svg,video){vertical-align:middle}:where(iframe){border-style:none}:where(svg:not([fill])){fill:currentColor}:where(table){border-collapse:collapse;border-color:inherit;text-indent:0}:where(button,input,select){margin:0}:where(button,[type="button" i],[type="reset" i],[type="submit" i]){-webkit-appearance:button}:where(fieldset){border:1px solid #a0a0a0}:where(progress){vertical-align:baseline}:where(textarea){margin:0;resize:vertical}:where([type="search" i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(details > summary:first-of-type){display:list-item}:where([aria-busy="true" i]){cursor:progress}:where([aria-controls]){cursor:pointer}:where([aria-disabled="true" i],[disabled]){cursor:not-allowed}:where([aria-hidden="false" i][hidden]){display:initial}:where([aria-hidden="false" i][hidden]:not(:focus)){clip:rect(0,0,0,0);position:absolute}