html{font-size:14px;position:relative;min-height:100%}@media (min-width:768px){html{font-size:16px}}body{margin-bottom:60px;background-color:#f5f0e1;color:#2c2c2c}.login-form{width:320px;margin:50px auto;padding:20px;border:2px solid #4a90e2;border-radius:8px;background-color:#f9f9f9;box-shadow:0 4px 8px rgba(0,0,0,.1)}.login-form h2{text-align:center;margin-bottom:20px;color:#333}.login-form input[type=password],.login-form input[type=text]{width:100%;padding:10px;margin:8px 0;border:1px solid #ccc;border-radius:4px}.login-form button{width:100%;padding:10px;background-color:#4a90e2;color:#fff;border:none;border-radius:4px;cursor:pointer}.login-form button:hover{background-color:#357ab8}.btn-link.nav-link:focus,.btn:active:focus,.btn:focus,.form-check-input:focus,.form-control:focus{box-shadow:0 0 0 .1rem #fff,0 0 0 .25rem #258cfb}.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:var(--bs-secondary-color);text-align:end}.form-floating>.form-control-plaintext:focus::placeholder,.form-floating>.form-control:focus::placeholder{text-align:start}.tree-wrapper{display:flex;flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:20px}#Tree{flex:1 1 auto;display:flex;justify-content:center;align-items:center;width:100%;min-height:400px;box-sizing:border-box}#Tree svg{width:100%;height:auto;min-height:600px;max-height:900px}#youtubePreview{flex:0 0 300px;background:#f9f9f9;padding:1rem}#youtubePreview img{width:140px;margin-bottom:10px;margin-right:20px;float:left;border:4px solid #b0c4de}p.note{width:400px;text-wrap:auto}footer,header{background-color:#704214;color:#d4af37}.node text{font-size:18px;font-family:Georgia,serif}.node.child-label{opacity:0;transition:opacity .3s ease}.node.child-label.visible{opacity:1}.parent{color:#00008b;font-weight:700;font-family:sans-serif}.parent2{color:#010145;font-weight:bolder;font-family:sans-serif}@media (max-width:768px){.tree-wrapper{display:flex;flex-direction:column;height:100vh}.node text{font-size:16px}#Tree{flex:1;overflow:hidden}#Tree svg{width:100%;height:200px;min-height:600px;max-height:900px;margin-bottom:-100px}#youtubePreview{flex:400px;width:390px;overflow-y:auto}p.note{width:365px}}