@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,400&family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400&display=swap";:root{font-family:Georgia,Times New Roman,serif;--font-header: "Cormorant Garamond", serif;line-height:1.5;color:#2c1810}body{margin:0;padding:0;min-height:100vh;background-image:url(/paper.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed;background-color:#f4e4c1}#root{background-color:transparent!important;min-height:100vh;display:flex;flex-direction:column}a{color:#8b4513;text-decoration:none;transition:.2s}a:hover{text-decoration:underline;color:sienna}.app-layout{display:flex;height:100vh;width:100%;overflow:hidden}.layout-left{width:340px;display:flex;flex-direction:column;border-right:1px solid rgba(0,0,0,.1);background:#fcfcfcb3;flex-shrink:0}.layout-center{flex:1;position:relative;overflow:hidden;background:#f3f4f699}.layout-right{width:420px;display:flex;flex-direction:column;border-left:1px solid rgba(0,0,0,.1);background:#fffc;flex-shrink:0}@media(max-width:1000px){.app-layout{flex-direction:column;height:auto;overflow-y:auto}.layout-center{height:400px;order:1;border-bottom:1px solid #ccc}.layout-right{width:100%;height:auto;order:2;border-left:none;border-bottom:1px solid #ccc}.layout-left{width:100%;height:400px;order:3;border-right:none}}.tree-container{padding:40px;overflow:visible;display:flex;justify-content:center}.tree ul{padding-top:20px;position:relative;transition:all .5s;display:flex;justify-content:center;margin:0;padding-left:0}.tree li{float:left;text-align:center;list-style-type:none;position:relative;padding:20px 0 0;transition:all .5s}.tree li:before,.tree li:after{content:"";position:absolute;top:0;right:50%;border-top:1px solid #8b4513;width:50%;height:20px}.tree li:after{right:auto;left:50%;border-left:1px solid #8b4513}.tree li:only-child:after,.tree li:only-child:before{display:none}.tree li:only-child{padding-top:0}.tree li:first-child:before,.tree li:last-child:after{border:0 none}.tree li:last-child:before{border-right:1px solid #8b4513;border-radius:0 5px 0 0}.tree li:first-child:after{border-radius:5px 0 0}.tree ul ul:before{content:"";position:absolute;top:0;left:50%;border-left:1px solid #8b4513;width:0;height:20px}.tree li:before,.tree li:after{border-radius:15px 15px 0 0}.tree-card{border:1px solid #c0a080;padding:6px 4px;text-decoration:none;color:#333;font-size:11px;font-family:Georgia,serif;font-weight:700;display:inline-block;border-radius:8px;background:#ffffffe6;min-width:85px;max-width:100px;position:relative;z-index:2;box-shadow:2px 2px 5px #0000001a;transition:all .2s;white-space:normal;line-height:1.2}.tree-card:hover{background:#fff;transform:scale(1.05);border-color:#e09f3e;z-index:10;box-shadow:0 5px 15px #0003}.tree-avatar{width:40px;height:40px;margin:0 auto 4px;border-radius:50%;border:2px solid #e09f3e;overflow:hidden;background-color:#eee;display:grid;place-items:center}.tree-avatar img{width:100%;height:100%;object-fit:cover}