body{margin:0;padding:0;background-image:url(/assets/bg-with-water-rotate-ByFtRDp_.png);background-color:#000;background-repeat:no-repeat;background-size:cover}.navbar{height:70px;width:100%;position:fixed;top:0;z-index:99;align-items:center;justify-content:space-between}.Upper-navbar{display:flex;height:70px;width:100%;align-items:center;justify-content:space-between;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:#ffffff40 0 13px 27px -5px,#0000004d 0 8px 16px -8px}.lower-navbar{height:40px;align-items:center;justify-content:space-around;display:flex;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:#ffffff40 0 13px 27px -5px,#0000004d 0 8px 16px -8px;background-color:#ffffff43;position:absolute;z-index:9;top:70px;width:100%}#logoImg{position:absolute;width:200px;top:15px;margin:0 0 20px 15px}.middile-container-home{width:100%;background-image:linear-gradient(to bottom,#fff0,#0000,#000c,#000)}.containt_container{background-color:#000}.search_singIn{display:flex;gap:10px}.inputSearchBar{border:3px solid transparent;width:30em;height:2.5em;padding-left:.8em;outline:none;overflow:hidden;background-color:#f3f3f3;border-radius:20px;transition:all .5s}.inputSearchBar:hover,.inputSearchBar:focus{border:3px solid #4A9DEC;box-shadow:0 0 0 7px #ffffff4f;background-color:#fff}.search_bar{border:3px solid transparent;width:30em;height:2em;padding-left:.8em;outline:none;overflow:hidden;background-color:#f3f3f3;transition:all .5s;position:absolute;z-index:99;width:100%;display:none;border-radius:20px}.search_bar:hover,.search_bar:focus{border:3px solid #4A9DEC;box-shadow:0 0 0 7px #ffffff4f;background-color:#fff}.next_search_bar{display:flex;align-items:center;justify-content:center}#searchIcons{width:1.2em;display:none}.signIn{display:flex;border:3px solid white;align-items:center;justify-content:center;border-radius:20px;gap:10px;padding:5px;width:125px;height:40px;background-color:transparent}.signIn:hover,.signIn:focus{border:3px solid #4A9DEC;box-shadow:0 0 0 7px #ffffff4f}.signIn h2{color:#fff;font-weight:600;font-family:Arial,Helvetica,sans-serif}.signIn img{width:30px;height:30px}#UserMyImage{margin-right:10px;width:1.6em;display:none}.ulHSAE{margin:0;display:flex;list-style-type:none;width:100%;align-items:center;gap:20px;justify-content:center;color:#fff;font-size:1.2rem;font-family:Arial,Helvetica,sans-serif}.ulHSAE>a{text-decoration:none;color:#fff}#humburger{width:2em;margin-right:20px;display:none}.our_tegline{width:100%;align-items:center;margin-top:200px;text-align:center}.our_tegline>h1{align-items:center;color:#fff;margin:0 50px;text-shadow:10px 10px 10px rgba(0,0,0,.5);font-family:Times New Roman,Times,serif;font-size:70px}.our_tegline>h3{align-items:center;color:#dfdada;font-size:1.5rem;margin:0 50px}.our_tegline>p{color:#fff;background-color:#021027cc;font-size:1.1rem;margin:50px 50px 0;padding:30px;border:1px solid gray;border-radius:30px}.second_middile_container{color:#fff}.tryIt_button{border:none;color:#fff;background-image:linear-gradient(30deg,#0400ff,#4ce3f7);border-radius:25px;background-size:100% auto;font-family:inherit;font-size:17px;padding:.6em 1.5em;margin:50px;height:50px}.tryIt_button:hover{background-position:right center;background-size:200% auto;-webkit-animation:pulse 2s infinite;animation:pulse512 1.5s infinite}.red{padding:5px;width:100px;text-align:center;background-color:#12145e;border-radius:3px}.cover{top:0;width:100%;height:100%;position:absolute;background-color:#fff;color:#12145e;z-index:9999;align-items:center;justify-content:center}@keyframes pulse512{0%{box-shadow:0 0 #05bada66}70%{box-shadow:0 0 0 10px #da674400}to{box-shadow:0 0 #da674400}}@media (max-width: 850px){.inputSearchBar{width:20em}.our_tegline h1{font-size:50px}.our_tegline h3{font-size:1.5rem}}@media (max-width: 700px){.inputSearchBar{height:1.4em;width:10em}#logoImg{width:9em}.signIn{height:2em}#logoSign{width:1.5em;height:1.5em}.signIn{width:7.4em}.signIn h2{font-size:1.2em}.Upper-navbar{height:3.5em}.lower-navbar{top:3.5em;height:30px}.ulHSAE{font-size:1em}.our_tegline h1{font-size:50px}}@media (max-width: 450px){.inputSearchBar{display:none;height:1.4em;width:10em}#logoImg{width:7em}.signIn{height:2em}#logoSign{width:1.5em;height:1.5em}.signIn{width:7.4em}.signIn h2{font-size:1.2em}#searchIcons{width:1.5em;display:block}.search_bar{top:4.2em;width:90%;display:block}.Upper-navbar{height:3.5em}.lower-navbar{top:3.5em;height:30px;display:none}.ulHSAE{font-size:1em}#humburger{display:block;width:1.5em}.our_tegline h1{font-size:50px}}@media (max-width: 300px){.inputSearchBar{display:none;height:1.4em;width:10em}#logoImg{width:7em}.signIn{height:2em}#logoSign{width:1.2em;height:1.2em}.signIn{gap:5px;height:1.5em;border:2px solid white;width:6em}.signIn h2{font-size:1em}.search_singIn{gap:5px}#searchIcons{display:block;width:1em}.search_bar{display:block}.Upper-navbar{height:3.5em}.lower-navbar{top:3.5em;height:30px;display:none}.ulHSAE{font-size:1em}#humburger{display:block;width:1.2em;margin-right:10px}.our_tegline h1{font-size:50px}}.App{text-align:center;display:flex;justify-content:space-between;margin-top:120px}.App label{font-size:.8rem;color:#cecbcb}.input{width:170px;height:5px}.left_container{margin:5px;border-radius:5px;width:210px;padding:10px;box-shadow:2px 2px 2px #fff;height:100vh;background-color:#010d51e3}.input_div{display:flex;align-items:center;gap:5px}.input_div>p{margin:0;font-size:.7rem;color:#cecbcb}.left_container>div{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.left_container>div>div:nth-child(1){display:flex;align-items:center;justify-content:flex-start;gap:5px}.left_container hr{width:100%}.containt_Container{display:flex;align-items:center;justify-content:center;height:100vh}.middile_container{padding:10px;margin:5px 0;border-radius:5px;height:100vh;overflow:scroll;flex-grow:1}.middile_container::-webkit-scrollbar{width:5px}.middile_container::-webkit-scrollbar-track{background-color:#80808065}.middile_container::-webkit-scrollbar-thumb{background-color:#010d51;border-radius:5px}.middile_cotainer_topSection{height:30px;background-color:#ede9e9;border-radius:5px;display:flex;align-items:center;padding-left:5px}.middile_cotainer_topSection>button{height:22px;margin:3px;border-radius:5px;border:0;background-color:#fff;font-size:.7rem}.getCodeButt{font-weight:600;border:0;color:gray;padding:5px;border-radius:3px;cursor:pointer}.codediv{background-color:#454040;color:#fff;text-align:start;padding:5px;border-radius:5px}.codediv>button{margin-left:90%;margin-top:5px}.mordenContain_sidebutton{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:150px;gap:3px}.mordenContain_sidebutton>div{height:40px;width:40px;background-color:#ede9e9;display:flex}.mordenContain_sidebutton>div:nth-child(1){align-items:flex-end;justify-content:flex-end;padding:0 5px 5px 0;border-top-left-radius:100px}.mordenContain_sidebutton>div:nth-child(2){align-items:flex-end;justify-content:flex-start;padding:0 0 5px 5px;border-top-right-radius:100px}.mordenContain_sidebutton>div:nth-child(3){align-items:flex-start;justify-content:flex-end;padding:5px 5px 0 0;border-bottom-left-radius:100px}.mordenContain_sidebutton>div:nth-child(4){align-items:flex-start;justify-content:flex-start;padding:5px 0 0 5px;border-bottom-right-radius:100px}.shep_morden{gap:20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;background-color:#ede9e9;padding:10px}.shep_morden>button>img{width:50px}.shep_morden>button{background-color:#fff;border:2px solid white;padding:5px;border-radius:5px}.buttonDiv_insideOutside{display:flex;align-items:center;justify-content:space-around;width:100%}.buttonDiv_insideOutside>button{border:0;font-size:.7rem;padding:5px;border-radius:5px;cursor:pointer;width:70px}.color_containerDiv{display:flex;align-items:flex-start;justify-content:center;gap:5px;flex-direction:column}.codeInnreDiv>div>button{margin-left:90%;margin-top:5px}.codeInnreDiv>h6{text-align:start;padding:5px;background-color:gray;margin:5px}.colorContainer_maindiv{width:200px;display:flex;flex-direction:column;gap:5px}.colorInput_div{display:flex;align-items:center;justify-content:flex-start;gap:10px}.colorInput_div>input:nth-child(1)[type=color]{border:1px solid gray;height:40px;width:40px;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer}.colorInput_div>input:nth-child(1)[type=color]::-webkit-color-swatch{border-radius:15px;border:1px solid gray}.colorInput_div>input:nth-child(1)[type=color]::-moz-color-swatch{border-radius:15px;border:none}.colorInput_div>input:nth-child(2){width:100px;background-color:#adff2f;border:1px solid gray;height:30px;border-radius:10px;text-align:center}.colorButton_div{display:flex;align-items:center;padding:3px 0}.colorButton_div>button{border:0px;color:gray;padding:5px;border-radius:5px}.colorShower{width:100%;height:20px}.colorSideButton_div{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px}.colorSideButton_div>div{height:40px;width:40px;background-color:#ded8d8;display:flex;align-items:center;justify-content:center;border-radius:5px;border:2px solid rgb(222,216,216)}.colorPercent_input>div{display:flex;flex-direction:column;align-items:flex-start}.colorPercent_input>div>div{display:flex;align-items:center;gap:5px}.colorPercent_input>div>label{font-size:.7rem;color:#cecbcb}.colorPercent_input>div>div>input{height:5px}.colorPercent_input>div>div>p{margin:0;font-size:.7rem;color:#cecbcb}.borderDiv{flex-direction:column;align-items:flex-start}.left_container{margin:5px;border-radius:5px;min-width:210px;padding:10px;box-shadow:2px 2px 2px #fff;height:calc(100vh - 50px);overflow-y:auto;overflow-x:hidden;background-color:#010d51e3}.left_container::-webkit-scrollbar{width:2px}.left_container::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:10px}.left_container::-webkit-scrollbar-thumb{background:#fc0000;border-radius:10px}.left_container::-webkit-scrollbar-thumb:hover{background:#b30000}.addTopDivButton{align-items:center;background-image:linear-gradient(144deg,#af40ff,#5b42f3 50%,#00ddeb);border:0;border-radius:8px;box-shadow:#9741fc33 0 15px 30px -5px;box-sizing:border-box;color:#fff;display:flex;font-size:10px;justify-content:center;line-height:1em;min-width:100px;padding:3px;text-decoration:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;cursor:pointer;transition:all .3s}.addTopDivButton:active,.addTopDivButton:hover{outline:0}.addTopDivButton span{background-color:#05062d;padding:10px;border-radius:6px;transition:.3s}.addTopDivButton:hover span{background:none}.addTopDivButton:active{transform:scale(.9)}.right_container{margin:5px;border-radius:5px;min-width:210px;padding:10px;box-shadow:-2px -2px 2px #fff;background-color:#010d51e3;width:200px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:calc(100vh - 50px);overflow-y:auto;overflow-x:hidden}.right_container::-webkit-scrollbar{width:2px}.right_container::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:10px}.right_container::-webkit-scrollbar-thumb{background:#fc0000;border-radius:10px}.right_container::-webkit-scrollbar-thumb:hover{background:#b30000}.deleteElementButton{position:relative;width:90px;height:25px;cursor:pointer;display:flex;align-items:center;border:1px solid #cc0000;background-color:#e50000;overflow:hidden;border-radius:3px}.deleteElementButton,.deleteElementButton__icon,.deleteElementButton__text{transition:all .3s}.deleteElementButton .deleteElementButton__text{transform:translate(20px);color:#fff;font-weight:600}.deleteElementButton .deleteElementButton__icon{position:absolute;transform:translate(109px);height:100%;width:39px;background-color:#c00;display:flex;align-items:center;justify-content:center}.deleteElementButton .svg{width:15px}.deleteElementButton:hover{background:#c00}.deleteElementButton:hover .deleteElementButton__text{color:transparent}.deleteElementButton:hover .deleteElementButton__icon{width:70px;transform:translate(0)}.deleteElementButton:active .deleteElementButton__icon{background-color:#b20000}.deleteElementButton:active{border:1px solid #b20000}.get-code-btn{font-size:13px;font-weight:700;background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;border:none;border-radius:3px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0003}.get-code-btn:hover{background:linear-gradient(135deg,#2980b9,#3498db);transform:scale(1.05)}.get-code-btn.glow{animation:glowPulse 1s infinite alternate}@keyframes glowPulse{0%{box-shadow:0 0 8px 4px #00ffff80}to{box-shadow:0 0 18px 8px #00ffffe6}}.creativityMain{display:flex;min-width:100%}.renderTree{background-color:#fff;flex-grow:1;margin-top:5px;border-radius:5px;padding:10px;height:calc(100vh - 50px);overflow-y:auto;overflow-x:hidden}.renderTree::-webkit-scrollbar{width:2px}.renderTree::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:10px}.renderTree::-webkit-scrollbar-thumb{background:#fc0000;border-radius:10px}.renderTree::-webkit-scrollbar-thumb:hover{background:#b30000}.code-generator-wrapper{animation:slideUp .4s ease-in-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}