@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap);.landing{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;font-family:Arial,sans-serif;padding:40px}.landing h1{font-size:2.5rem}.landing .about-container,.landing .ethos-container,.landing .hero,.landing .hotkeys-container,.landing .template-container{min-width:800px;padding:20px}.landing .math-box{border:2px solid #333;font-size:1.2rem;margin-top:20px;max-width:500px;padding:10px;text-align:center;width:80%}.landing .output{font-size:1.5rem;font-weight:700;margin-top:20px}.landing .template-btn,.landing button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2rem;margin:5px;padding:10px 20px}.landing .about-container,.landing .ethos-container,.landing .hotkeys-container,.landing .template-container{margin-top:30px}.landing{background:linear-gradient(135deg,#f5f5f5,#e4e4e4);color:#333;font-family:Poppins,Arial,sans-serif;margin:0;padding:60px 20px;text-align:center}.landing h1{margin-bottom:0}.landing h1,.rotating-header{font-size:3rem;font-weight:700}.rotating-header{align-items:baseline;display:flex;font-family:Poppins,Arial,sans-serif;justify-content:center;margin-bottom:15px;text-align:center}.slot-container{display:inline-block;height:60px;overflow:hidden;position:relative;top:15px;vertical-align:bottom;width:175px}.slot-words{display:inline-block;left:0;position:absolute;top:0;width:100%}.slot-words span{color:#007aff;display:block;height:60px;line-height:60px;position:relative;width:100%}.slot-container:after{border-bottom:3px solid #007aff;bottom:0;content:"";left:50%;position:absolute;transform:translateX(-50%);width:80%}.subheader{font-size:1.5rem!important;font-weight:700;margin-top:0}.subheading{font-size:1.2rem;margin-bottom:10px}.suggestion{color:#555;font-size:1rem;margin-bottom:25px}#hero-box{box-sizing:border-box;width:75%}#editor{background-color:#fff}#editor:focus{box-shadow:0 10px 30px rgba(0,122,255,.2)}.buttons{display:flex;gap:15px;justify-content:center}.buttons button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;padding:12px 20px;transition:transform .2s,box-shadow .2s}.buttons button:first-child{background-color:#fff;border:2px solid #007aff;color:#007aff}.buttons button:last-child{background-color:#007aff;color:#fff}.buttons button:hover{box-shadow:0 8px 16px rgba(0,0,0,.1);transform:translateY(-3px)}.text-top-div{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin:10px;padding:10px;position:relative}.html-output,.markdown{padding:5px}h1{color:#333}hr{margin-top:10px}textarea{border:1px solid #ccc;border-radius:4px;font-size:14px;height:auto;margin-bottom:10px;min-height:100px;overflow-y:hidden;padding:10px;resize:none;width:95%}button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:5px;padding:10px 15px}button:hover{background-color:#45a049}.sortable-ghost{background:#c8ebfb;opacity:.4}.action-bubble{background-color:#f9f9f9;border:1px solid #ccc;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.2);display:none;float:right;padding:5px;position:absolute;right:10px;top:10px;z-index:900}.action-icon{align-items:center;cursor:pointer;display:flex;justify-content:center;margin:0 5px;z-index:901}header{background-color:gray;left:0;position:fixed;top:0;width:100%;z-index:99}.navbar{align-items:center;background-color:#333;color:#fff;display:flex;font-family:Arial,sans-serif;justify-content:space-between;padding:10px 20px;position:sticky;top:0;z-index:1000}.nav-brand{color:#fff;font-family:Arial,sans-serif;font-size:24px;font-weight:700;text-decoration:none}.extra-nav-hidden{display:none;opacity:0;pointer-events:none}.extra-nav-visible{display:block;opacity:0;pointer-events:auto;transition:opacity .5s ease}#login-button,.nav-links{transition:transform 3s ease}.fake-navbar{left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:9999}.nav-brand:visited{color:#fff}.nav-brand .version{display:block;font-size:.5em;margin-top:2px}.nav-links a{color:#fff;margin-left:20px;text-decoration:none}.nav-links a:hover{text-decoration:underline}#notebookTitle{background-color:transparent;border:none;border-bottom:2px solid grey;color:#000;display:block;font-family:Arial,sans-serif;font-size:32px;font-weight:700;margin:10px auto;outline:none;padding:10px 0;text-align:center;width:60%}#notebookTitle::placeholder{color:#d3d3d3}#notebookTitle:focus{border-bottom:2px solid #000}#notebookAuthor{background-color:transparent;border:none;border-bottom:2px solid grey;color:#000;display:block;font-family:Arial,sans-serif;font-size:16px;font-weight:700;margin:10px auto 50px;outline:none;padding:10px 0;text-align:center;width:30%}#notebookAuthor::placeholder{color:#d3d3d3}#notebookAuthor:focus{border-bottom:2px solid #000}.modal{background-color:rgba(0,0,0,.4);display:none;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.modal-content{background-color:#fefefe;border:1px solid #888;margin:15% auto;max-width:400px;padding:20px;width:80%}.close-button{color:#aaa;cursor:pointer;float:right;font-size:28px;font-weight:700}.close-button:hover{color:#000}#modal-email{font-size:16px;margin-bottom:10px;margin-top:10px;padding:8px;width:100%}#modal-submit{font-size:16px;padding:8px 16px}.cell-math-toolbox{align-items:center;background-color:#f5f5f5;border-bottom:1px solid grey;display:flex;justify-content:space-between;margin-bottom:4px;position:sticky;visibility:visible}.group>button{background-color:transparent;border:none;border-radius:4px;color:#4b4b4b;cursor:pointer;margin:5px;padding:10px 15px}.group>button:hover{background-color:#e0e0e0;color:#000}.cell-math-toolbox.hidden{height:0;opacity:0;overflow:hidden;transform:translateY(-20px);visibility:hidden}.cell-math-toolbox:not(.hidden){height:auto;opacity:1;transform:translateY(0);visibility:visible}.symbol{border:10px}.group{align-items:center;display:flex}.group.group-a{margin-right:auto}.group.group-c{justify-content:center}.group.group-b{margin-left:auto}.presets-dropdown{max-height:200px;overflow-y:auto;position:relative;width:90px}#popup-bar,.presets-dropdown option{background-color:#fff;z-index:1000}#popup-bar{border:1px solid #ccc;box-shadow:0 4px 8px rgba(0,0,0,.1);max-height:150px;overflow-y:auto;position:absolute;transform:translateY(-100px);width:50%}.hidden{visibility:hidden}.popup-content{display:none;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);padding:10px}.popup-content .symbol{background-color:#fff;border:none;border-radius:4px;color:#000;cursor:pointer;margin:5px;padding:10px 15px}.popup-content .symbol:hover{background-color:#dedede}#popup-bar.active-section-1 .content-1{display:grid}#popup-bar.active-section-1 .content-2,#popup-bar.active-section-1 .content-3,#popup-bar.active-section-2 .content-1{display:none}#popup-bar.active-section-2 .content-2{display:grid}#popup-bar.active-section-2 .content-3,#popup-bar.active-section-3 .content-1,#popup-bar.active-section-3 .content-2{display:none}#popup-bar.active-section-3 .content-3{display:grid}