@import url(https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&family=Roboto:wght@400;500&display=swap);body,html{font-size:10px}body{margin:0;padding:0;font-family:sans-serif;-webkit-font-smoothing:antialiased;min-height:calc(100vh - 10px)}.work-item p{font-size:1.5rem;text-transform:lowercase;font-family:Roboto,sans-serif;letter-spacing:.05em;font-weight:100;margin-top:0;display:inline-block;margin:0}.work-item a{display:grid;grid-template-columns:3fr 2fr}.work-item,.work-item a{-ms-flex-align:center;align-items:center}.work-item{margin:6rem 0;text-align:center;opacity:0;-webkit-transition:.2s ease;-o-transition:.2s ease;transition:.2s ease;position:relative;margin:0 auto;border-bottom:1px solid #00000012;padding:1rem 0}.work-item:nth-child(2){border-top:1px solid #00000012}.fadeIn{opacity:1}.work div a:hover h2,.work div a:hover h3{color:#000}.work h3{font-size:4rem;letter-spacing:-6px;font-family:Libre Baskerville,serif;letter-spacing:.8px;font-size:2rem;line-height:4rem;letter-spacing:.025em;text-align:left}.work h3,.work h4{color:#000;-webkit-transition:.25s ease;-o-transition:.25s ease;transition:.25s ease;font-weight:100;margin:0}.work h4{font-size:1.5rem;text-align:center;letter-spacing:.75px;margin-bottom:5px;display:inline-block;text-align:left}.work-item p{text-align:right}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:Roboto,sans-serif;font-size:12px;background:-webkit-linear-gradient(295deg,#fff,#fffdf7 30%,#fff284)!important;background:-o-linear-gradient(295deg,#fff,#fffdf7 30%,#fff284)!important;background:linear-gradient(155deg,#fff,#fffdf7 30%,#fff284)!important}h1,h2,section>h3{text-transform:uppercase;letter-spacing:.075em}h1{margin:6rem 0;position:fixed;top:3rem;left:3rem;margin:1rem 0}h1,h2{text-align:left;font-size:2.25rem}h2{margin-bottom:3rem;margin-top:0}header a{position:fixed}header h1:hover~a{opacity:1!important}#about{right:160px;top:30px;font-size:.65em;opacity:1;-webkit-transition:1s ease;-o-transition:1s ease;transition:1s ease}#about:hover,#work:hover{opacity:1!important}#work{right:40px;top:30px;font-size:.65em;opacity:1;-webkit-transition:1s ease;-o-transition:1s ease;transition:1s ease}a{text-decoration:none;color:#000}a *{cursor:pointer}a:focus,a:hover{text-decoration:underline;cursor:pointer}.about{font-size:25px}.about p,.about small,.about ul{font-family:Libre Baskerville,serif;letter-spacing:.8px;font-size:2rem;line-height:2em;margin:0 auto 2rem;text-align:left;letter-spacing:0}.about small,.about ul{text-align:left}ul{display:grid;grid-template-columns:1fr 1fr}h3{font-weight:bolder;font-size:1.6rem}.App-logo{-webkit-animation:App-logo-spin infinite 20s linear;animation:App-logo-spin infinite 20s linear;height:80px}.App-header{background-color:#000;height:0;padding:0;color:#000}.App-title{font-size:1.5em}.App-intro{font-size:large}p{cursor:default}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.App.work main{display:grid;grid-template-columns:1fr 1fr;width:75vw;max-width:1200px;margin-left:330px;gap:3rem}.cross-fade-leave{opacity:1}.cross-fade-leave.cross-fade-leave-active{opacity:0;-webkit-transition:opacity 1s ease;-o-transition:opacity 1s ease;transition:opacity 1s ease}.cross-fade-enter{opacity:0}.cross-fade-enter.cross-fade-enter-active{opacity:1;-webkit-transition:opacity 1s ease;-o-transition:opacity 1s ease;transition:opacity 1s ease}main{margin:4rem 3rem 0;padding-bottom:4rem}.about main a{border-bottom:1px solid transparent}.about main a:hover{border-bottom:1px solid #000}.about main{text-align:left}.hide-element{border:0;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}@media screen and (min-width:1400px){#root{overflow-x:hidden;height:100vh}}@media screen and (max-width:1400px){.about p,.about small,.about ul{font-size:1.4rem;line-height:2em}h2{text-align:left;margin-bottom:3rem;margin-top:0}h1,h2{font-size:1.5rem}h1{position:fixed;top:3rem;left:3rem;margin:1rem 0}.work h3{font-size:1.5rem;letter-spacing:0}.App.work main{display:grid;grid-template-columns:1fr 1fr;width:75vw;max-width:1200px;margin-left:20vw;gap:3rem}}@media screen and (max-width:1100px){.App.work main{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:100%;margin:0 auto;gap:3rem;margin-top:6rem;padding:3rem;margin-left:0}}@media screen and (max-width:786px){body,html{font-size:10px}.App.work main{grid-template-columns:1fr;max-width:100vw;margin:6rem auto 4rem;padding:2rem}h1{margin:5rem 0 2rem;left:2rem;right:0;margin:0 auto}.about p{margin:2rem auto;font-size:1.5rem;line-height:1.8em}}@media screen and (max-width:414px){.work h3{font-size:1.5rem;letter-spacing:0;line-height:2rem;margin-bottom:.5rem;font-weight:500}.work-item p,.work h4{font-size:1.3rem;line-height:1.4em}.work-item p{font-size:1.2rem;line-height:1.4em;text-align:right}.work-item a{padding:1rem 0;display:grid;-ms-flex-align:start;align-items:start;grid-template-columns:2fr 1fr}ul{padding:0;list-style:none}}
/*# sourceMappingURL=main.b230f469.css.map*/