@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Quicksand:wght@300;400&family=Sorts+Mill+Goudy:ital@0;1&display=swap";html{scroll-behavior:smooth}body{color:#434341;background-color:#e2e4de;margin:0;font-family:Quicksand,sans-serif;font-weight:300}h1{font-family:Cormorant Garamond,serif;font-size:3em;font-style:italic;font-weight:300}.fancy-font{max-width:13em;font-family:Cormorant Garamond,serif;font-size:4em}.hero-img{width:30vw;max-width:400px;height:auto;margin-left:6em}.hero-name{align-items:center;gap:.8em;margin-bottom:.5em;font-size:1.5em;display:flex}.hero-name-line{background-color:#434341;flex-shrink:0;width:4em;height:1px;display:inline-block}#main{box-sizing:border-box;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:5em;display:flex}.navbar{box-sizing:border-box;z-index:100;justify-content:space-between;width:100%;padding:.7em;display:flex;position:fixed;top:0;overflow:hidden}.navbar a{color:#434341;text-decoration:none}.navbar button{color:#434341;background-color:#0000;border:none;font-family:Quicksand,sans-serif;font-size:1em;font-weight:300}.navbar button:hover{cursor:pointer}.navbarLinks{justify-content:space-evenly;width:20em;display:flex}.navbarLinks button{transform:translateY(-1em)}.chinese{flex-direction:column;display:flex}.contactLinks{writing-mode:vertical-rl;text-orientation:mixed;z-index:100;align-items:center;width:25px;height:100%;display:flex;position:fixed;left:1em;overflow:hidden;transform:translateY(50%)}.socialIcon{width:20px;margin:.5em 0;transition:all .2s ease-in-out}.socialIcon:hover{transform:scale(1.2)}.port-section{box-sizing:border-box;border-top:1px solid #c9cbc4;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:8em 7em;display:flex}.section-inner{width:100%;max-width:1100px}.section-label{letter-spacing:.18em;text-transform:uppercase;color:#131313;margin:0 0 3em;font-family:Quicksand,sans-serif;font-size:1em;font-weight:300}.about-grid{grid-template-columns:1fr 1.6fr;align-items:start;gap:5em;display:grid}.about-img{object-fit:cover;border-radius:5px;width:300px;height:400px;margin:1em 0}.about-img-frame{border:0 solid;border-radius:5px;width:300px;margin-bottom:2em;padding:1em 1em 3em;box-shadow:0 4px 12px #00000026}.about-text h2{margin:0 0 .3em;font-family:Cormorant Garamond,serif;font-size:3em;font-weight:300;line-height:1.2}.about-text p{text-align:justify;margin:0 0 1.4em;line-height:1.9}.about-text a{color:#434341;border-bottom:1px solid #939393;text-decoration:none}.about-text a:hover{border-bottom-color:#434341}.services-list{max-width:680px}.service-item{border-bottom:1px solid #c9cbc4;grid-template-columns:3em 1fr;align-items:start;gap:2em;padding:2.5em 0;display:grid}.service-item:first-child{border-top:1px solid #c9cbc4}.service-num{color:#939393;padding-top:.2em;font-family:Cormorant Garamond,serif;font-size:1.4em;font-style:italic;font-weight:300}.service-body h3{margin:0 0 .5em;font-family:Cormorant Garamond,serif;font-size:1.7em;font-style:italic;font-weight:300;line-height:1.2}.service-body p{color:#5a5a57;text-align:justify;margin:0;line-height:1.8}.poetry-inner{width:75%;max-width:500px}.poetry-heading{margin:0 0 1em;font-family:Cormorant Garamond,serif;font-size:3em;font-weight:300;line-height:1.2}.linkButton{color:#434341;letter-spacing:.05em;border:1px solid #434341;border-radius:2em;padding:.5em 1.2em;text-decoration:none;display:inline-block}.linkButton:hover{background-color:#fafafa}footer{letter-spacing:.05em;text-align:center;border-top:1px solid #c9cbc4;padding:1em}@media screen and (width<=900px){.about-grid{grid-template-columns:1fr;gap:1em}#main{background-image:url(/shell_flower.png);background-position:50%;background-size:cover;position:relative}#main:before{content:"";background:#43434173;position:absolute;inset:0}#main>*{z-index:1;position:relative}.hero-img{display:none}#main .fancy-font,#main .fancy-font i,#main .hero-name{color:#f5f4f0}.hero-name-line{background-color:#f5f4f0}}@media screen and (width<=750px){#main,.port-section{padding:6em}.hero-name{font-size:1.1em}.hero-name-line{width:3em}.fancy-font{font-size:3em}#poetryPage{padding:2.5em}.service-item{grid-template-columns:2.5em 1fr;gap:1em}}@media screen and (width<=500px){#main,.port-section{padding:5em 4em}.about-img,.about-img-frame,.about-text,.poetry-inner{width:100%}footer{padding:2em}}