@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap);#root,body,html{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;background-color:#863e1e;z-index:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{height:100%}h1{font-family:"DM Sans",sans-serif;font-weight:700;letter-spacing:.3rem;font-size:4rem}h1,h3{color:#fff;margin:0}h3{font-family:"Roboto",sans-serif;font-weight:300;font-size:1.2rem}.title{padding-left:6rem;padding-top:8rem;z-index:5!important;position:relative}.circle{position:absolute;left:-6rem;top:-10rem;width:33rem;height:33rem;background:none;border:7rem solid #a55408;border-radius:100%;z-index:3}.navigation{position:absolute;display:flex;flex-direction:row;justify-content:space-around;width:100%;height:5rem;margin-bottom:2rem;bottom:0}.icon{width:2.5rem;height:100%;cursor:pointer}.hover{transition:color .3s;width:2.5rem;display:inline-block;position:relative}.hover:before{position:absolute;top:100%;left:50%;color:transparent;content:"•";text-shadow:0 0 transparent;font-size:1.2em;transition:text-shadow .3s,color .3s;transform:translateX(-50%);pointer-events:none}.hover:focus:before,.hover:hover:before{color:#fff;text-shadow:10px 0 #fff,-10px 0 #fff}.hover:hover,.hover a:focus{color:#ba7700}.toggle:before{color:#fff;text-shadow:10px 0 #fff,-10px 0 #fff}.circleAnimation-appear{opacity:.01}.circleAnimation-appear.circleAnimation-appear-active{transition:all .5s linear;opacity:1;transition-delay:.5s}.titleAnimation-appear{opacity:0}.titleAnimation-appear.titleAnimation-appear-active{opacity:1;transition:all .5s linear}.iconAnimation-appear{opacity:0}.iconAnimation-appear.iconAnimation-appear-active{opacity:1;transition:all .5s linear}.imageAnimation-appear{opacity:0}.imageAnimation-appear.imageAnimation-appear-active{opacity:1;transition:all 1s linear;transition-delay:1s}.character{width:100%;height:100%}.chestnut{background-color:#3f0f0c}.chestnut,.mulberry{transition:background-color 1s linear}.mulberry{background-color:#ba4268}.maple{background-color:#a1252a}.fir,.maple{transition:background-color 1s linear}.fir{background-color:#137c39}.fig{background-color:#1d3550}.fig,.gingko{transition:background-color 1s linear}.gingko{background-color:#859b0d}.header{padding-left:2rem;padding-top:2rem}h2{font-family:"DM Sans",sans-serif;color:#fff;font-weight:lighter;margin:0;letter-spacing:.2rem;font-size:2.5rem}.backgroundAnimation-appear{background-color:#863e1e}.backgroundAnimation-appear.backgroundAnimation-appear-active{transition:background-color 1s linear}.information{width:100%;height:100%;display:flex;flex-direction:row;justify-content:space-around}.characterInfo{width:45%;text-align:center}.characterInfo h3{font-size:1rem}.treeInfo{width:45%;text-align:center}.tree{width:auto;max-height:30rem}.characterPicture{max-height:25rem;width:auto;display:block;align-self:center;margin-bottom:1rem}.characterFormat{display:flex;flex-direction:column;justify-content:space-around;height:100%}
/*# sourceMappingURL=main.ffe73670.chunk.css.map */