@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Jersey+10&family=Jersey+15&family=Jersey+20&family=Jersey+25&display=swap";@import"https://fonts.googleapis.com/css2?family=Quantico&family=Quattrocento+Sans&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,500;0,600;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Inconsolata:wght@500&display=swap";@import"https://fonts.googleapis.com/css2?family=Overpass+Mono:wght@300;400&family=Poppins:wght@300&display=swap";@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500&display=swap";.jersey-10{font-family:"Jersey 10",serif;font-weight:100}.jersey-15{font-family:"Jersey 15",serif;font-weight:100}.jersey-20{font-family:"Jersey 20",serif;font-weight:100}.jersey-25{font-family:"Jersey 25",serif;font-weight:100}body{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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.mainDiv{overflow-x:hidden;overflow-y:hidden;box-sizing:border-box;height:100vh;position:relative}.mainDiv .mainHead{width:100%;height:100%;display:flex;flex-direction:row-reverse}@media only screen and (max-width: 1680px){.mainDiv .Main_data{width:80%;height:100vh}}@media only screen and (max-width: 1370px){.mainDiv{padding-bottom:0!important}.mainDiv .mainHead{width:100%;height:100%;display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;overflow-y:hidden}}@media only screen and (max-width: 550px){.mainDiv .mainHead .Main_data{width:100%;height:45%;margin-top:50px}.mainDiv .mainHead .Main_data .Main_data_Text{width:90%}.mainDiv .mainHead .Main_data .Title{font-size:11px;width:100%}.mainDiv .mainHead .Main_data .Description{font-size:10px;max-height:100px;overflow-y:auto}.mainDiv .mainHead .Main_data .Logo{width:80px;height:80px}}.FileInputDiv{width:50%;position:relative;overflow:visible;height:100%;z-index:3;transition:.5s}.FileInputDiv .background_rotated{position:absolute;z-index:-1;overflow:hidden;right:-15%;top:-230px;height:140%;width:100%;background:linear-gradient(90deg,transparent,white 1.5%);transform:rotate(-25deg)}.FileInputDiv .background_rotated .backgroundCanvas{transform:rotate(25deg);position:absolute;top:0;right:0}.FileInputDiv .FileInput_Data{width:66%;height:100%;margin-left:30%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff}.FileInputDiv .FileInput_Data .Midi_Icon{width:100px;height:100px}.FileInputDiv .FileInput_Data .Input_Text{display:block}.FileInputDiv .FileInput_Data h2{font-size:28px;text-align:center;color:#3f4650;font-weight:100;margin-top:0}.FileInputDiv .FileInput_Data h3{font-size:20px;margin-top:-30px;color:#000;font-weight:100}.FileInputDiv .FileInput_Data .Input_Configure_Bt{position:relative;overflow:hidden;color:#fff;background-color:#6e8898;border-radius:4px;border:none;font-size:28px;font-weight:100;text-align:center;width:180px;height:40px;padding:2px 0;box-shadow:1px 2px 4px #0000004a;cursor:pointer;outline:none}.FileInputDiv .FileInput_Data .Input_Configure_Bt:hover{color:#f7f7f7;text-shadow:0px 0px 4px rgba(0,0,0,.373);box-shadow:inset 0 0 10px #0000007b}.FileInputDiv .FileInput{position:absolute;right:-20%;top:-25%;height:155%;width:95%;transform:rotate(-25deg);opacity:0;cursor:pointer}.Fade{opacity:0;pointer-events:none}@keyframes background_slid{0%{left:-10%}to{left:110%}}@media only screen and (max-width: 1680px){.FileInputDiv{width:43%}.FileInputDiv .FileInput_Data .Midi_Icon{width:75px;height:75px}.FileInputDiv .FileInput_Data h2{font-size:16px}.FileInputDiv .FileInput_Data h3{font-size:14px;margin-top:-10px}}@media only screen and (max-width: 1540px){.FileInputDiv{width:55%}}@media only screen and (max-width: 1370px){.FileInputDiv{width:100%;height:50%;margin:0 auto;box-shadow:0 -1px 4px #00000075;transition:0s}.FileInputDiv .background_rotated{transform:rotate(0);left:-2%;top:0%;width:102%;height:150%}.FileInputDiv .background_rotated .backgroundCanvas{transform:rotate(0);left:0;top:0;width:100%;height:100%}.FileInputDiv .FileInput_Data{width:80%;margin:0 auto}.FileInputDiv .FileInput_Data .Midi_Icon{width:50px;height:50px}.FileInputDiv .FileInput{height:100%;width:100%;left:0%;top:0%;transform:rotate(0);opacity:0}}@media only screen and (max-width: 550px){.FileInputDiv{height:55%}.FileInputDiv .FileInput{height:100%;width:100%;left:0%;transform:rotate(0)}.FileInputDiv .FileInput_Data .Midi_Icon{width:75px;height:75px}.FileInputDiv .FileInput_Data h2{font-size:14px}.FileInputDiv .FileInput_Data h3{font-size:12px;margin-top:-10px}.FileInputDiv .FileInput_Data .Input_Configure_Bt{width:130px;font-size:16px}}.MainPageBanner{width:900px;margin-top:80px;padding-left:100px;overflow-x:hidden}.MainPageBanner .Logo{width:700px;height:200;display:flex;flex-direction:row}.MainPageBanner .Logo .LogoLeft{width:225px;height:100%}.MainPageBanner .Logo .LogoLeft img{width:100%}.MainPageBanner .Logo .LogoRight{width:575px}.MainPageBanner .Logo .LogoRight h1,.MainPageBanner .Logo .LogoRight h2,.MainPageBanner .Logo .LogoRight a{margin:0;padding:0}.MainPageBanner .Logo .LogoRight .TitleApp{color:#000;margin-top:20px;text-align:left;font-size:42px}.MainPageBanner .Logo .LogoRight .AppShortDescription{margin-top:10px;color:#3f4650;font-size:36px}.MainPageBanner .Logo .LogoRight .LinkGithub{font-size:16px;color:#076dab;text-decoration:none}.MainPageBanner .Logo .LogoRight .LinkGithub:hover{color:#f36300}.MainPageBanner .Description{margin-top:30px;width:800px;height:fit-content;padding:10px 10px 20px;background-color:#fff;border:2px dashed #F36300}.MainPageBanner .Description p{font-size:24px;padding:0;margin:0}.MainPageBanner .Description p .ColOrange{color:#f36300}.MainPageBanner .Description p a{color:#076dab}.MainPageBanner .Usage{width:800px}.MainPageBanner .Usage h3{font-size:32px;color:#131f2d;font-weight:100;margin-bottom:0;padding-bottom:0}.MainPageBanner .Usage p{margin-top:10px;font-size:20px}.MainPageBanner .Usage p a{color:#076dab}.MainPageBanner .Usage li{font-size:20px}.MainPageBanner .Usage li a{color:#076dab}.MainPageBanner .Usage .AvntLogo{display:flex;flex-direction:row;margin-left:-25px}.MainPageBanner .Usage .AvntLogo .LeftSide{width:100px}.MainPageBanner .Usage .AvntLogo .LeftSide img{width:100%}.MainPageBanner .Usage .AvntLogo .RightSide h4,.MainPageBanner .Usage .AvntLogo .RightSide h5{margin:0;padding:0}.MainPageBanner .Usage .AvntLogo .RightSide h4{margin-top:20px;color:#f36300;font-weight:100;font-size:26px}.MainPageBanner .Usage .AvntLogo .RightSide h5{margin-top:0;font-size:18px;font-weight:100}@media only screen and (max-width: 1540px){.MainPageBanner{width:700px}.MainPageBanner .Logo{width:500px}.MainPageBanner .Logo .LogoLeft{width:150px;margin-top:15px}.MainPageBanner .Logo .LogoRight .TitleApp{font-size:28px}.MainPageBanner .Logo .LogoRight .AppShortDescription{font-size:24px}.MainPageBanner .Description{width:600px}.MainPageBanner .Description p{font-size:20px}.MainPageBanner .Usage{width:600px}}@media only screen and (min-width: 1200px) and (max-height: 900px){.MainPageBanner{margin-top:40px;padding-left:80px}}@media only screen and (max-width: 1370px){.MainPageBanner{width:90%;max-height:50vh;overflow-y:scroll;margin-top:50px;padding:0}.MainPageBanner .Logo{width:100%;display:flex;align-items:center;justify-content:center}.MainPageBanner .Logo .LogoLeft{width:150px;margin-top:0}.MainPageBanner .Logo .LogoRight{width:300px}.MainPageBanner .Logo .LogoRight .TitleApp{font-size:28px}.MainPageBanner .Logo .LogoRight .AppShortDescription{font-size:20px}.MainPageBanner .Description{width:90%;margin:10px auto}.MainPageBanner .Description p{font-size:18px}.MainPageBanner .Usage{width:90%}.MainPageBanner .Usage h3{font-size:26px}.MainPageBanner .Usage p{font-size:16px;padding:0;margin-bottom:0}.MainPageBanner .Usage li{font-size:16px}.MainPageBanner .Usage .AvntLogo{margin:0}.MainPageBanner .Usage .AvntLogo .LeftSide{width:80px}.MainPageBanner .Usage .AvntLogo .RightSide h4{font-size:20px;margin-top:15px}.MainPageBanner .Usage .AvntLogo .RightSide h5{font-size:16px}}.Options_Main{position:absolute;width:100%;height:100%;z-index:2;top:0%;left:65.5%;transition:1s ease;display:flex;justify-content:center}.Options_Main .background_options{background-color:#fff;top:-65%;height:200%;width:110%;position:absolute;transform:rotate(-25deg);z-index:1}.Options_Main .Effects_Info_Bar{width:90%;display:block;text-align:center;font-size:28px;margin:0;padding:0 0 10px;border-bottom:2px dotted rgba(0,0,0,.493);transform:translate(6%)}.Options_Main .breakline_options{width:86%;margin:5px auto;height:4px;background-color:none;border-bottom:2px dashed black}.Options_Main .Options_Data{width:85%;height:100%;position:relative;display:flex;flex-direction:column;z-index:3;margin-top:60px;margin-left:-4%;opacity:0;transition:.25s}.Options_Main .Options_Data .options_Cards{width:90%;height:48vh!important;overflow-y:scroll;margin:10px auto;display:flex;justify-content:center;flex-wrap:wrap;box-sizing:border-box}.Options_Main .Options_Data .options_Cards .Cards_Container{box-sizing:border-box;width:100%;height:auto;display:flex;align-content:baseline;padding-bottom:10px;padding-top:10px;justify-content:flex-start;flex-wrap:wrap;animation:Enter .5s ease}.Options_Main .Options_Data .options_Cards::-webkit-scrollbar{width:8px}.Options_Main .Options_Data .options_Cards::-webkit-scrollbar-track{background:#f1f1f105;border-radius:9px}.Options_Main .Options_Data .options_Cards::-webkit-scrollbar-thumb{background:#8888883d;border-radius:9px}.Options_Main .Options_Data .options_Cards::-webkit-scrollbar-thumb:hover{background:#555555b6}.Options_Main .Bt{position:absolute;height:100vh;left:-50px;top:0;display:flex;align-items:center;opacity:0;z-index:2;transition:.5s}.Options_Main .Bt .Bt_GoBack{width:50px;height:50px;border-radius:50px;background-color:#efefef;overflow:hidden;padding:0;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.Options_Main .Bt .Bt_GoBack .Bt_Img{width:40px;height:35px}.Options_Main .Bt .Bt_GoBack:hover{transition:.2s;transform:scale(1.1);background-color:#44c1f8}.Opened{left:4%!important;width:96%}.Opened .Bt{opacity:1}.Opened .Options_Data{transition:1.5s;opacity:1}.options_buttons{margin:30px auto;display:flex;flex-direction:row;justify-content:space-between;width:50%}.Restore{position:absolute;top:20px;border:none;font-size:10px;border-radius:5px;cursor:pointer;padding:2px}.Image_Save{left:-40px;bottom:60px}.disable_transitions,.disable_transitions .Options_Data{transition:none!important}@keyframes Enter{0%{margin-Top:-50%}to{margin-Top:0}}@media only screen and (max-width: 1700px){.Options_Main{left:73%}}@media only screen and (max-width: 1540px){.Options_Main{left:65%}.Image_Save{left:-50px;bottom:40px}}@media only screen and (max-width: 1420px){.Options_Main .Options_Data{width:90%}}@media only screen and (min-width: 1200px) and (max-height: 900px){.Options_Main .Options_Data .options_Cards{margin:0 auto;height:45vh!important}.Options_Main .Options_Data .options_Cards .Cards_Container{padding-top:0}}@media only screen and (max-width: 1370px){.Options_Main{left:0%;z-index:5;top:100%;padding-top:40px;margin-top:10px;position:absolute}.Options_Main .background_options{transform:rotate(0);width:100%;height:100%;top:0%;left:0%}.Options_Main .Options_Data{margin:0 auto;width:1200px;height:87%}.Options_Main .Options_Data .options_Cards{height:72%!important}.Options_Main .Options_Data .options_buttons{width:70%;bottom:0}.Opened{top:0%!important;left:0%!important;width:100%}.Image_Save{left:0;bottom:80px;transform:scale(.8)}}@media only screen and (max-width: 1220px){.Options_Main .Options_Data{margin:0 auto;width:950px;height:86%}.Options_Main .Options_Data .options_Cards{height:72%!important}.Options_Main .Options_Data .options_buttons{width:90%;bottom:0}.Image_Save{left:50%;bottom:60px;transform:scale(.8) translate(-63%)}.OptionsDescription{height:fit-content!important}}@media only screen and (max-width: 910px){.Options_Main .Options_Data{width:610px}.Options_Main .Options_Data .options_buttons{width:90%;bottom:0}.Image_Save{left:50%;bottom:60px;transform:scale(.7) translate(-71%)}}@media only screen and (max-width: 610px){.Options_Main .Options_Data{margin:0 auto;width:80%;height:85%}.Options_Main .Options_Data .options_Cards{height:72%!important}.Options_Main .Options_Data .options_buttons{width:90%;bottom:0}.Opened{left:0%!important;width:100%}.Restore{display:none}.OptionsDescription h3{font-size:18px!important}.OptionsDescription h6{font-size:12px!important;margin-top:2px!important;margin-bottom:0!important}}.options_button{width:150px;height:40px;background-color:#f5f5f5;border-radius:2px;box-shadow:1px 2px 4px #0006;display:flex;align-items:center;cursor:pointer}.options_button .options_button_text{width:100%;height:100%;text-align:center;font-family:Poppins,sans-serif;font-weight:600;font-size:18px;text-transform:uppercase;display:flex;justify-content:center;align-items:center;overflow:hidden}.single_letter{margin:0;display:inline-block;font-family:"Jersey 10",serif;font-weight:100;font-size:26px}@media only screen and (max-width: 860px){.options_button{margin-top:15px;width:auto;height:40px;border-radius:6px;padding-left:25px;padding-right:25px}.single_letter{font-size:20px}}@media only screen and (max-width: 550px){.options_button{margin-top:15px;width:auto;height:40px;border-radius:6px;padding-left:10px;padding-right:10px}.single_letter{font-size:12px}}@media only screen and (max-width: 400px){.options_button{margin-top:2px;width:auto;height:30px;border-radius:4px;padding-left:10px;padding-right:10px}}@media only screen and (max-width: 300px){.options_button{margin-top:2px;width:auto;height:20px;border-radius:4px;padding-left:8px;padding-right:8px}}.ImageButton{width:200px;position:absolute;z-index:3;transition:.4s ease;opacity:0}.ImageButton .ImageButton_image{margin-left:50%;transform:translate(-50%);width:35%;background:#131f2d;border-radius:12px;box-shadow:0 0 5px #00000086;position:relative}.ImageButton .ImageButton_image img{width:80%;padding:10% 10% 5% 15%;filter:invert(100%)}.ImageButton .ImageButton_context{position:relative;border-radius:8px;background-color:#3f4650;width:90%;height:fit-content;margin:-17% auto;box-shadow:0 0 5px #00000049}.ImageButton .ImageButton_context h3{font-size:26px;line-height:130%;width:100%;text-align:center;color:#fff}.ImageButton:hover{cursor:pointer}.ImageButton:hover .ImageButton_context,.ImageButton:hover .ImageButton_image{box-shadow:0 0 6px #000}.Bt_open{transition:2s;opacity:1}.OptionsDescription{height:70px}.OptionsDescription h3{color:#3f4650;padding:0;width:86%;margin:0 auto;font-size:32px}.OptionsDescription h6{color:#6e8898;padding:0;width:86%;margin:10px auto;font-size:18px}.Preview_Window{width:calc(90% - 60px);height:25vh;margin:-10px auto;background-color:#2a2c2e;border-radius:4px;box-shadow:0 1px 6px #000;position:relative;overflow:hidden;transform:translate(-4px)}.Preview_Window .Inside_Player{position:absolute;height:fit-content;width:100%;top:0;left:0;transform:translateY(-190px)}.Preview_Window .Inside_Loading{position:absolute;overflow:hidden;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#fff}.Preview_Window .Inside_Loading h3{font-size:32px}@media only screen and (max-width: 910px){.Preview_Window{width:100%}}.Canvas{position:absolute;z-index:30}.Canvas_Main{position:absolute;z-index:32}.Canvas_Piano_Black{position:absolute;z-index:34}.Canvas_Piano_White{position:absolute;z-index:31}.Canvas_Grad{position:absolute;z-index:34}.Effects{position:absolute;z-index:149}.Gradient{position:absolute;z-index:152}.coverPhoto{position:absolute;filter:saturate(.5);background-repeat:no-repeat;background-position:center;z-index:50}.Summer{z-index:152;position:absolute;background:linear-gradient(180deg,transparent,rgba(0,0,0,.397))}.Mark{position:absolute;top:0;right:10px;color:#fff;z-index:51;font-family:Titillium Web,sans-serif}.Mark>h1{font-size:24px;margin:0;padding:0}.Mark>h2{font-size:16px;margin:0;padding:0;text-align:center}.OptionCard{width:300px;height:170px;background-color:#f5f5f5;border-radius:1px;box-shadow:1px 2px 4px #00000051;margin:20px 1.8%;position:relative;overflow:hidden}.OptionCard .Card_Title{color:#000;font-weight:100;font-size:26px;text-align:left;width:90%;margin:10px auto;text-shadow:0px 0px 3px #44C1F8}.OptionCard .Card_Description{font-weight:300!important;color:#272727!important;font-size:16px!important;text-align:left;letter-spacing:1.1px!important;display:block!important;width:90%!important;margin:0 auto!important;height:40%;overflow-y:auto}.OptionCard .blocks{text-shadow:0px 0px 4px #44C1F8!important;color:#44c1f8!important}.OptionCard .effects{text-shadow:0px 0px 3px #e7d256!important}.OptionCard .speed{text-shadow:0px 0px 4px #59CD90!important}.OptionCard .background{text-shadow:0px 0px 4px #F95738!important}.OptionCard .Input_Container{width:100%;height:30%;position:absolute;bottom:0;display:flex;flex-direction:row;align-items:center}.OptionCard .Input_Container h3{display:inline-block}.OptionCard .Input_Container h4{font-size:24px;text-transform:uppercase}.OptionCard .Input_Container .In_Green{color:#288937}.OptionCard .Input_Container .In_Red{color:#f95738}.inputImageDiv{position:relative;width:80%;height:45px;margin:0 auto;overflow:hidden;border-radius:5px;border:2px dashed black;display:flex;align-items:center;justify-content:center}.inputImage{display:block;position:relative;width:80%;margin:0 auto;height:50px;border-radius:10px}.Input_Delete_Image{content:"X";color:#fff;position:absolute;bottom:10px;left:10px;width:15%;height:0;padding-bottom:15%;background-color:#292121e8;border-radius:2px;box-shadow:0 3px 4px #00000075;transform:scale(.8)}.Input_Delete_Image:before{content:"X";color:#fff;position:absolute;left:22.5%;top:-12.5%;font-size:40px}.Input_Delete_Image:hover{background-color:#f95738;transition:.1s;cursor:pointer}.Image_Input_Preview{position:absolute;right:-90%;bottom:0;width:300px;height:180px;box-shadow:0 2px 6px #000000be;background-color:#fff;border-radius:5px}.Image_Input_Preview img{width:100%;height:100%;object-fit:scale-down}.Image_Input_Preview h5{position:absolute;top:10px;left:10px;font-size:16px;margin:0;padding:0;width:fit-content}.inputImageDiv h1{font-size:12px;font-family:IM Fell English SC;color:#000;font-weight:100}.RIBBON{position:absolute;width:200px;height:30px;transform:rotate(45deg);background-color:#f95738;box-shadow:1px 2px 4px #000000c9;display:flex;align-items:center;justify-content:center;top:20px;right:-70px}.RIBBON h3{color:#f5f5f5;font-weight:400;font-size:22px}@media only screen and (max-width: 1220px){.OptionCard{height:150px;width:250px;margin:10px}.OptionCard .Card_Title{font-size:16px;margin-bottom:5px}.OptionCard .Card_Description{font-size:12px!important}}input[type=color]{border:none;display:block;border-radius:0;margin:0 15px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:25%;height:70%;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0;border-radius:3px;box-shadow:1px 1px 4px #0006}input[type=color]::-webkit-color-swatch{border:none;border-radius:3px}.Hex_Input{width:80px;margin-left:5px;font-size:18px;line-height:28px;border:none;border:2px dotted rgb(56,56,56);padding-left:4px}.checkboxInput{width:25px;height:25px;cursor:pointer;position:relative;display:block;margin:0 20px;box-shadow:0 0 7px #f81c1c}.checkboxInput:checked,.Randocheckbox:active{box-shadow:0 0 7px #21b621}.Input_Image_Container{width:25%;margin:0 auto;height:25%;border:1px solid black;position:relative;cursor:pointer}.Input_Image_Container h3{position:absolute;margin:0;padding:0;top:50%;left:10px;transform:translateY(-50%);pointer-events:none}.ImageInput{position:absolute;top:0;opacity:0;width:100%;height:100%}.ImageInput :hover{cursor:pointer}.checkboxInput:after{content:"";width:100%;height:100%;top:0;left:0;background-color:#e63f3f;position:absolute}.checkboxInput:hover:after{content:"";transition:.2s;width:100%;height:100%;top:0;left:0;background-color:#9b0909;position:absolute}.checkboxInput:checked:after,.checkboxInput:active:after{content:"";transition:.2s;width:100%;height:100%;top:0;left:0;background-color:#3fdd3f;position:absolute}.numberInput{height:50%;margin:10px auto;display:block;outline:none;width:88%;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;border-radius:2px;border:2px dotted black;font-weight:100;font-size:20px}.numberInput::-webkit-inner-spin-button{opacity:0;-webkit-appearance:none}.numberInput:focus-visible{border:2px solid black;outline:none}@media only screen and (max-width: 550px){.numberInput{height:12%;width:50%}}.EffectCard{cursor:pointer;overflow:hidden;position:relative;transition:.4s}.EffectCard:hover{box-shadow:0 0 4px 2px #16c1d8}.EffectCard ul{font-size:18px;margin:0;padding-inline-start:20px}.EffectCard .Card_Description{height:80%!important}.Curr_opt{transition:.4s;box-shadow:0 0 4px 2px #f1c470c0!important}.Curr_opt:hover{box-shadow:0 0 4px 2px #f1c470c0!important}.Red_cl{font-weight:800;color:#f95738}.Blue_cl{font-weight:800;color:#44c1f8}.Green_cl{font-weight:800;color:#59cd90}.Purple_cl{font-weight:800;color:#df48ec}@media only screen and (max-width: 1220px){.EffectCard ul{font-size:12px;padding-inline-start:0px;font-weight:100}}.Option_Preset_Card{cursor:pointer;transition:.2s}.Option_Preset_Card:hover{box-shadow:0 0 4px 2px #f95838}.Import_Save_Card{width:300px;height:170px;margin:20px 1.8%;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.Import_Save_Card .Import_Preset{width:95%;height:40%;background-color:#f5f5f5;border-radius:1px;box-shadow:1px 2px 4px #00000051;position:relative;transition:.2s}.Import_Save_Card .Import_Preset h2{width:100%;text-align:center;pointer-events:none}.Import_Save_Card .Import_Preset input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.Import_Save_Card .Import_Preset:hover{box-shadow:0 0 4px 2px #f95838}.Import_Save_Card .Save_Preset{width:95%;height:40%;background-color:#f5f5f5;border-radius:1px;box-shadow:1px 2px 4px #00000051;cursor:pointer;transition:.2s}.Import_Save_Card .Save_Preset h2{width:100%;text-align:center;pointer-events:none}.Import_Save_Card .Save_Preset:hover{box-shadow:0 0 4px 2px #f95838}@media only screen and (max-width: 1220px){.Import_Save_Card{height:150px;width:250px;margin:10px}.Import_Save_Card .Import_Preset h2,.Import_Save_Card .Save_Preset h2{font-size:16px;height:100%;margin:0;padding:0;display:flex;align-items:center;justify-content:center}}.mainTutorial{overflow-y:scroll;width:100%;position:absolute;scroll-behavior:smooth}.Tutorial{position:relative;margin:70px auto;width:1080px;border-radius:5px;overflow:auto;overflow-x:hidden}.gradientLeft{background:#d4f1f4}.gradientRight{background:#05445e;color:#fff}.Tutorial_Head{margin-top:20px}.Tutorial_Head>h1{display:block;font-family:Inconsolata,monospace;font-size:24px;margin-top:20px}.TutorialBlock{margin:20px auto;border-radius:5px;height:300px;width:90%;display:flex;flex-direction:row;box-sizing:border-box;box-shadow:0 0 15px #00000086}.element{width:50%;box-sizing:border-box;height:100%}.TextElement{padding:50px 100px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.TextElement>h1{margin-top:10px;font-size:16px}.TextElement>h2{margin-top:10px;font-size:12px}.AudioIcon{font-size:32px;transform:rotate(15deg);color:#283845}.ImageElement{padding:25px;box-sizing:border-box}.Editor{width:100%;max-height:100%;box-shadow:0 0 10px #000}.flex1{order:1}.flex2{order:2}.Youtube{display:block;margin:10px auto;border-radius:5px;box-shadow:0 0 10px #000}.YT_tut{display:block;text-align:center;border-top:2px dashed black;padding:10px;margin:20px auto;font-size:24px;font-family:Inconsolata,monospace}@media only screen and (max-width: 1100px){.Tutorial{width:720px}.ImageElement{padding:25px;box-sizing:border-box;display:flex;align-items:center}.AudioIcon{font-size:16px}.TextElement>h1{margin-top:10px;font-size:12px}.TextElement>h2{margin-top:10px;font-size:10px}.TextElement{padding:20px}}@media only screen and (max-width: 740px){.Tutorial{width:90%}.TextElement{padding:5px}.Youtube{width:90%;height:300px}.TutorialBlock{flex-direction:column}.element{width:100%;height:50%}.ImageElement{height:60%;justify-self:center}.Editor{margin:0 auto;height:100%;width:auto}.TextElement{height:40%}}@media only screen and (max-width: 360px){.AudioIcon{font-size:12px}.Youtube{height:200px}.TextElement>h1{margin-top:5px;font-size:10px}.TextElement>h2{margin-top:5px;font-size:8px}.ImageElement{height:50%;justify-self:center}.TextElement{height:50%}}.InsideNavigator{display:flex;flex-direction:row;background-color:#101010}.InsideNavigator .Links{padding-top:80px;position:relative;padding-left:58px;background-color:#151515;z-index:3}.InsideNavigator .Links .SingleLink{width:90%;min-height:45px;display:flex;align-items:center;box-shadow:1px dashed #b6b6b63b}.InsideNavigator .Links .SingleLink .SingleLinkText{width:fit-content;height:50%;margin:0;text-align:left;padding:2px 10px 2px 4px;font-size:18px;font-weight:500;color:#fff;position:relative;overflow:hidden;cursor:pointer;border-radius:6px;z-index:2}.InsideNavigator .Links .SingleLink .SingleLinkText:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:#f8f0ef;transition:.4s ease;z-index:-1}.InsideNavigator .Links .SingleLink .SingleLinkText:hover:before{left:0}.InsideNavigator .Links .SingleLink .SingleLinkText:hover{color:#44c1f8;transition:.4s}.InsideNavigator .Component{padding-top:80px;color:#fff;position:relative;z-index:2;overflow-y:auto}.InsideNavigator .Component::-webkit-scrollbar{width:10px}.InsideNavigator .Component::-webkit-scrollbar-track{background:#f1f1f105;border-radius:9px}.InsideNavigator .Component::-webkit-scrollbar-thumb{background:#8888883d;border-radius:9px}.InsideNavigator .Component::-webkit-scrollbar-thumb:hover{background:#555555b6}@media only screen and (max-width: 1000px){.InsideNavigator .Links{padding-left:20px}.InsideNavigator .Links .SingleLink{width:98%}.InsideNavigator .Links .SingleLink .SingleLinkText{font-size:14px;width:90%}}@media only screen and (max-width: 900px){.InsideNavigator{flex-direction:column;overflow-y:auto;overflow-x:hidden}.InsideNavigator .Links{width:98%;margin:0 auto;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;height:100px;padding-left:10px;padding-right:10px}.InsideNavigator .Links .SingleLink{width:fit-content}.InsideNavigator .Component{box-shadow:0 -2px 6px #000;width:100%;z-index:4}}@media only screen and (max-width: 550px){.InsideNavigator .Links{width:98%;margin:0 auto;display:flex;flex-direction:column;justify-content:space-evenly;align-items:flex-start;height:auto}.InsideNavigator .Links .SingleLink{height:fit-content;min-height:28px;margin:2px}.InsideNavigator .Links .SingleLink .SingleLinkText{height:fit-content}.InsideNavigator .Component{width:100%}}.Basic{width:90%;margin:0 auto;font-family:Quicksand,sans-serif}.Pg-Header{margin:0;padding-bottom:5px;color:#44c1f8;font-size:42px;width:100%;text-align:left}.Pg-Sm-Header{color:#f8f0ef;padding-top:10px;border-top:1px solid rgba(248,240,239,.4666666667);font-weight:300;font-size:24px;margin:0}.Pg-Paragraph{color:#fff;font-size:16px;margin-top:15px;margin-bottom:40px}.Pg-Links{padding-left:10px;font-weight:500;font-size:22px;margin:15px 0 0}.Pg-Video-Demo{display:block;position:absolute;top:-590px;margin:0 auto;border-radius:10px;opacity:.6;min-width:1420px}.Pg-Video-Container{background-color:#44c2f827;box-shadow:0 1px 4px #a4e1fc8f;height:180px;width:100%;margin:20px 0 25px;border-radius:7px;overflow:hidden;position:relative}.Pg-Links-Container{margin-top:10px;padding-left:50px}.Pg-Links-Container .Pg-Link-Element{cursor:pointer;color:#ffffff81;margin:3px;width:fit-content;transition:.15s;list-style:none}.Pg-Links-Container .Pg-Link-Element:hover{color:#57b6f5}.Pg-Links-Container .Pg-Link-Element:before{content:"•";color:#fff;font-weight:700;display:inline-block;width:1em;margin-left:-1em}.flex-2{width:100%;height:300px;margin-top:40px;display:flex;flex-direction:row;margin-bottom:80px}.flex-2 .data-r{width:50%;height:100%;display:flex;align-items:center;justify-content:flex-start}.flex-2 .data-r .Pg-Link-Element{color:#73c1f5;transition:.15s;cursor:pointer}.flex-2 .data-r .Pg-Link-Element:hover{color:#0b8adf}.flex-2 .data-l{width:50%;height:100%;display:flex;align-items:center;justify-content:center}.flex-2 .data-video-cnt{width:90%;height:80%;overflow:hidden;border-radius:5px}.flex-2 .data-video-cnt .data-video{width:100%;height:auto;opacity:.7}.flex-2 .shadow-ala{box-shadow:0 0 8px #f8f0cb73}.Pg-Link-Element-duo{color:#73c1f5;transition:.15s;cursor:pointer}.Pg-Link-Element-duo:hover{color:#0b8adf}.Pg-Xs-Header{margin-top:10px;margin-bottom:10px}.Pg-Images{width:100%;margin:10px auto}.Pg-Image{padding:0;display:block;width:96%;margin-left:4px;border-radius:2px;box-shadow:0 0 8px #fff;opacity:.8}.Pg-Flex-Img-Container{width:30%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:flex-start}.Pg-Flex-Text-Container{width:50%;margin-left:20px;height:100%;display:flex}.Pg-For-Devs{height:180px;width:60%;background-color:#fd7d7d18;border-radius:10px;position:relative;margin-bottom:40px}.Pg-For-Devs .Pg-For-Devs-Header{position:absolute;color:#f07c7c;margin:0 0 0 25px;padding-top:8px;font-size:24px;font-weight:400}.flex-5{width:30%;height:100%;display:flex;align-items:center}.image_for-nerds{border-radius:8px;opacity:.7;display:block;margin:0 auto}.Pg-Link-a{color:#7777f3;text-decoration:none;transition:.19s;cursor:pointer}.Pg-Link-a:hover{color:#2f7df3}.Pg-Container-Flex-50{width:50%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.Pg-Container-Flex-40{width:40%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.Pg-Container-Flex-60{width:60%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.Pg-Container-Flex_b{height:fit-content;width:100%;display:flex;flex-direction:row}.Pg-Container-Video-Demo{width:40%;box-shadow:0 0 6px #ffffff27;margin:10ox auto;border-radius:20%}.Pg-Container-Flex-img{height:300px;margin-top:-40px;transform:rotate(90deg)}.Pg-Blocks-Conf{color:#44c1f8}.Pg-Effects-Conf{color:#7b6d8d}.Pg-EffectsConf-Conf{color:#f95738}.Pg-Others-Conf{color:#59cd90}.Pg-Conf-Header{font-weight:600;font-size:20px}.Pg-Conf-Element{font-weight:400;font-size:16px;list-style:none}.Pg-Conf-Element:before{content:"•";color:#747474;font-weight:700;display:inline-block;width:1em;margin-left:-1em}.Pg-Blocks-Col{color:#44c1f8}.Pg-Effects-Col{color:#7b6d8d}.Pg-Config-Header-Other{color:#59cd90;text-shadow:0px 0px 8px #59cd90}.Pg-Effects-Conf-Col{color:#f95738;margin-bottom:30px}.Pg-Others-Col{color:#59cd90}.Pg-Bg-Blocks{background-color:#44c2f80c}.Pg-Bg-Effects{background-color:#7b6d8d13}.Pg-Bg-Others{background-color:#59cd8f17}.Pg-Config-4-Description{height:200px;width:95%;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;border-radius:4px;margin-top:30px;margin-bottom:30px}.Pg-Config-20{width:20%;height:100%;border-radius:5px;display:flex;align-items:center;position:relative}.Pg-Config-20 .Img-Conf{object-fit:cover;width:90%;height:80%;border-radius:5px;box-shadow:0 0 8px 4px #000000c2;opacity:.9}.Pg-Config-40{width:30%;margin-right:5%;height:100%;display:flex;flex-direction:column;align-items:center;position:relative}.Pg-Config-40 .Pg-Paragraph{width:100%;height:80%;text-align:center;font-size:20px;color:#fff;font-weight:300}.Pg-Config-40 .Pg-Config-Header{width:100%;height:20%;font-size:24px;color:#44c1f8;font-weight:400;text-align:center;text-shadow:0px 0px 8px #44c1f8}.Pg-Config-40 .Pg-Config-Header-Ef{width:100%;height:20%;font-size:24px;color:#7b6d8d;font-weight:400;text-align:center;text-shadow:0px 0px 8px #7b6d8d}.Pg-Config-Vid-40{width:40%;height:100%;display:flex;align-items:center;justify-content:center}.Pg-Config-Vid-40 .Pg-Config-Vid{width:90%;height:80%;object-fit:fill;border-radius:4px;box-shadow:0 0 8px 6px #000000d8}.Pg-Youtube{margin-top:20px;border-radius:5px}.Pg-Flex-Dip{display:flex;flex-direction:row;height:500px;overflow:hidden}.Pg-Flex-Dip .Pg-Flex-30{width:40%;height:70%;padding-top:1%;justify-content:flex-end;text-align:left}.Pg-Flex-Dip .Pg-Flex-70{width:40%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.Pg-Flex-Dip .Pg-Flex-70 .Pg-Flex-70-img{border-radius:5px;box-shadow:0 0 6px #fff;width:60%;height:90%;object-fit:cover}.Pg-Info-Red{color:#f59494}.Pg-S-Ty{font-size:18px;color:#fde457}.w-70{width:70%!important}@media only screen and (max-width: 1500px){.Pg-For-Devs{width:80%}}@media only screen and (max-width: 1300px){.Pg-Video-Demo{left:-30vw}}@media only screen and (max-width: 1150px){.flex-2 .data-video-cnt{height:100%;width:98%}.Pg-For-Devs{width:90%}}@media only screen and (max-width: 1150px){.flex-5{width:20%}.image_for-nerds{width:160px}.Pg-Config-40 .Pg-Paragraph{font-size:14px}.Pg-Flex-Dip .Pg-Flex-70{width:80%}}@media only screen and (max-width: 1000px){.Pg-Config-4-Description{flex-direction:column;height:fit-content}.Pg-Config-20{width:50%;margin-bottom:20px}.Pg-Config-40{width:80%}.Pg-Config-40 .Pg-Paragraph{font-size:18px}}@media only screen and (max-width: 900px){.flex-2{flex-direction:column;align-items:center;height:fit-content}.flex-2 .data-r{width:90%}.flex-2 .data-l{width:90%;height:fit-content}.Pg-Flex-Img-Container{width:70%;margin:20px;height:fit-content}.Pg-Flex-Img-Container img{box-shadow:none}.Pg-Flex-Text-Container{width:90%}.flex-res{flex-direction:row}.Pg-For-Devs{width:95%}.w-70{width:75%!important}.flex-5{width:20%}.image_for-nerds{width:100%}.Pg-Flex-Dip{height:400px}.Pg-Flex-Dip .Pg-Flex-30{height:380px;overflow-y:auto}}@media only screen and (max-width: 800px){.Pg-Video-Demo{left:-380px;top:-450px;transform:scale(.6)}.Pg-Video-Container{border-radius:3px}.Pg-Container-Flex_b{flex-direction:column}.Pg-Container-Flex-40,.Pg-Container-Flex-50,.Pg-Container-Flex-60{width:100%}.Pg-Container-Video-Demo{width:50%}}@media only screen and (max-width: 610px){.w-70{width:100%!important;overflow-y:auto}.flex-5{width:0%}.Pg-For-Devs-Header{display:none}.Pg-Config-20{width:80%;margin-bottom:20px}}@media only screen and (max-width: 550px){.Pg-Video-Demo{left:-480px;top:-410px;transform:scale(.5)}}.Header{width:100%;height:40px;background:#131f2d;box-shadow:0 2px 6px #00000073;position:fixed;z-index:10;opacity:1;transition:.5s opacity ease}.Header .HeaderData{height:100%;display:flex;align-items:center;justify-content:space-between}.Header .HeaderData .Logo{height:100%;display:flex;align-items:center;position:relative}.Header .HeaderData .Logo .Logo-Title{color:#fff;font-weight:100;font-size:26px}.Header .HeaderData .Logo .Logo-Small-Res{display:flex;flex-direction:row;align-items:center;text-decoration:none;margin-left:10px;display:none}.Header .HeaderData .Logo .Logo-Small-Res img{width:40px}.Header .HeaderData .Logo .Logo-Small-Res h2{margin-left:10px}.Header .HeaderData .Logo .Logo-Big-Res{text-decoration:none;margin-left:100px}.Header .HeaderData .Links{height:100%;display:flex;align-items:center;margin-right:100px}.Header .HeaderData .Links .Link{display:flex;align-items:center;justify-content:center;width:100px;height:100%;text-decoration:none;font-size:22px;color:#fff;margin-left:20px}.Header .HeaderData .Links .Link:hover{transition:.1s;color:#f36300;transform:scale(1.08)}.Hide_Header{opacity:0;transition:.2s opacity ease;pointer-events:none}@keyframes hover{0%{width:0%}to{width:100%}}@media only screen and (max-width: 1060px){.Header .HeaderData .Logo .Logo-Small-Res{display:flex}.Header .HeaderData .Logo .Logo-Big-Res,.Header .HeaderData .Links .HomeLink{display:none}}@media only screen and (max-width: 550px){.Header .HeaderData .Links{margin-right:10px}.Header .HeaderData .Links .Link{width:80px;font-size:20px;margin-left:0}}@media only screen and (max-width: 400px){.Header .HeaderData .Logo .Logo-Small-Res img{display:none}}.About_Container{height:fit-content;width:1440px;margin:0 auto;padding-top:40px;position:relative;display:flex;flex-direction:row;flex-wrap:wrap;padding-bottom:10px}.About_Container h3{font-size:32px;margin:0;padding:0 0 5px;color:#131f2d;font-weight:100;width:calc(100% - 25px);border-bottom:1px dashed #131F2D}.About_Container .FAQ,.About_Container .Description,.About_Container .Support,.About_Container .Join{background-color:#fff;box-shadow:0 2px 4px #0000006c;border-radius:2px;padding-top:20px;padding-left:20px;margin:20px 0 0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;height:360px;width:100%;position:relative}.About_Container .Description{width:460px}.About_Container .Description .Description_Context{width:95%;height:fit-content;max-height:calc(90% - 42px);overflow:auto;overflow-x:hidden}.About_Container .Description .Description_Context .Description_Article{position:relative;width:100%}.About_Container .Description .Description_Context .Description_Article h4,.About_Container .Description .Description_Context .Description_Article p,.About_Container .Description .Description_Context .Description_Article img{margin:0;padding:0}.About_Container .Description .Description_Context .Description_Article h4{font-size:22px;margin-top:10px;margin-bottom:5px;color:#f36300}.About_Container .Description .Description_Context .Description_Article p:first-letter{margin-left:20px;line-height:18px}.About_Container .Description .Description_Context .Description_Article img{margin:10px;height:75px;width:auto;border-radius:6px;filter:drop-shadow(0px 0px 4px rgba(0,0,0,.3843137255))}.About_Container .FAQ{width:960px;margin-left:20px}.About_Container .FAQ h3{border:none}.About_Container .FAQ .FAQ_container{width:calc(100% - 25px);height:fit-content;max-height:calc(90% - 42px);overflow-y:auto}.About_Container .FAQ .FAQ_container .FAQ_question{margin-top:10px;transition:.5s;height:fit-content;overflow:hidden;max-height:40px;display:flex;flex-direction:row}.About_Container .FAQ .FAQ_container .FAQ_question h5{display:inline-block;margin:0;box-sizing:border-box;font-size:18px;width:50px;padding-left:15px;padding-top:7px;color:#f36300}.About_Container .FAQ .FAQ_container .FAQ_question .FAQ_question_container{display:inline-block;width:calc(100% - 90px);border-bottom:2px dashed black}.About_Container .FAQ .FAQ_container .FAQ_question .FAQ_question_container h4{margin:0;font-size:22px;width:calc(100% - 10px);transition:.15s;height:38px;padding:0 0 0 10px;word-wrap:break-word;display:flex;align-items:center}.About_Container .FAQ .FAQ_container .FAQ_question .FAQ_question_container h4:hover{background-color:#f4f7fd;border-radius:2px;cursor:pointer}.About_Container .FAQ .FAQ_container .FAQ_question .FAQ_question_container p{padding:5px 10px 10px;margin:0}.About_Container .FAQ .FAQ_container .FAQ_question .FAQ_question_container p a{color:#5b9dff;text-decoration:none}.About_Container .FAQ .FAQ_container .FAQ_open{transition:1s;max-height:200px}.About_Container .FAQ .FAQ_container .FAQ_open .FAQ_question_container{background-color:#f4f7fd}.About_Container .Support{padding:0;display:flex;flex-direction:row;overflow:hidden}.About_Container .Support .BG_Dot_1,.About_Container .Support .BG_Dot_2,.About_Container .Support .Big_Dot_3{position:absolute;z-index:0;background-color:#3f4650;height:80%;aspect-ratio:1/1;border-radius:50%}.About_Container .Support .Support_Left{width:60%;height:100%;background-color:#3f4650;position:relative}.About_Container .Support .Support_Left .BG_Dot_1{right:-10px;top:-20px}.About_Container .Support .Support_Left .BG_Dot_2{right:-90px;bottom:-100px;z-index:2}.About_Container .Support .Support_Left .Support_Left_Content{position:relative;z-index:3;padding:20px;width:80%}.About_Container .Support .Support_Left .Support_Left_Content h2,.About_Container .Support .Support_Left .Support_Left_Content p,.About_Container .Support .Support_Left .Support_Left_Content h5,.About_Container .Support .Support_Left .Support_Left_Content li,.About_Container .Support .Support_Left .Support_Left_Content ul{margin:0;padding:0;color:#f5f5f5;font-weight:100}.About_Container .Support .Support_Left .Support_Left_Content h2{font-size:48px}.About_Container .Support .Support_Left .Support_Left_Content p{width:80%}.About_Container .Support .Support_Left .Support_Left_Content h5{margin-top:25px;font-size:22px;text-shadow:0px 0px 3px rgba(255,255,255,.664)}.About_Container .Support .Support_Left .Support_Left_Content .Support_Left_Donation_Bar{width:50%;height:20px;border-radius:5px;margin-top:5px;background:linear-gradient(90deg,#a6fd7e,#fff,#fff)}.About_Container .Support .Support_Left .Support_Left_Content ul{list-style:none;margin-top:20px}.About_Container .Support .Support_Right{width:40%;height:100%;position:relative}.About_Container .Support .Support_Right .Big_Dot_3{background-color:#fff;top:-100px;left:-104px}.About_Container .Support .Support_Right .Support_Right_Content{position:absolute;top:0;left:45px;background-color:#fff;width:100%;height:100%;z-index:1}.About_Container .Support .Support_Right .Support_Right_Content img{display:block;width:55%;margin:-5px auto;height:auto;pointer-events:none}.About_Container .Support .Support_Right .Support_Right_Content a{display:flex;align-items:center;justify-content:center;width:260px;height:40px;margin:-20px auto;background-color:#a6fd7e;border-radius:6px;box-shadow:0 2px 4px #00000069;text-decoration:none;font-size:32px;color:#000;transition:.1s}.About_Container .Support .Support_Right .Support_Right_Content a:hover{transform:scale(1.015)}.About_Container .Join{height:70px;display:flex;align-items:center;padding-top:0}.About_Container .Join h2{font-weight:100}.About_Container .Join a,.About_Container .Join .Link_color{color:#3fa8ee}.About_Container .Join .Link_color{cursor:auto}@media only screen and (min-width: 1100px) and (max-height: 900px){.About_Container{transform:scale(.9);padding-top:0;padding-bottom:0;margin-top:-10px}}@media only screen and (max-width: 1480px){.About_Container{width:1080px}.About_Container .FAQ,.About_Container .Description,.About_Container .Support,.About_Container .Join{width:100%}.About_Container .Description{width:440px}.About_Container .Description .Description_Context .Description_Article h4{font-size:18px}.About_Container .Description .Description_Context .Description_Article p{font-size:14px}.About_Container h3{font-size:28px}.About_Container .FAQ{width:620px}.About_Container .FAQ .FAQ_container .FAQ_question{max-height:35px}.About_Container .FAQ .FAQ_container .FAQ_question h5{font-size:16px}.About_Container .FAQ .FAQ_container .FAQ_question .FAQ_question_container h4{font-size:18px;height:33px;word-wrap:break-word;display:flex;align-items:center}.About_Container .FAQ .FAQ_container .FAQ_question .FAQ_question_container p{font-size:14px;padding-top:5px}.About_Container .FAQ .FAQ_container .FAQ_open{max-height:300px}.About_Container .Support .Support_Left .Support_Left_Content h2{font-size:40px}.About_Container .Support .Support_Left .Support_Left_Content p,.About_Container .Support .Support_Left .Support_Left_Content ul{font-size:14px}.About_Container .Support .Support_Right .Support_Right_Content img{margin-top:30px}.About_Container .Support .Support_Right .Support_Right_Content a{margin-top:-15px}.About_Container .Join h2{font-size:19px}}@media only screen and (max-width: 1100px){.About_Container{width:720px}.About_Container .FAQ,.About_Container .Description,.About_Container .Support,.About_Container .Join{width:100%;height:300px}.About_Container .FAQ{margin-left:0}.About_Container .Support{order:-1}.About_Container .Support .Support_Left{width:70%}.About_Container .Support .Support_Left .BG_Dot_2{display:none}.About_Container .Support .Support_Left .Support_Left_Content h2{font-size:32px}.About_Container .Support .Support_Left .Support_Left_Content p,.About_Container .Support .Support_Left .Support_Left_Content ul{font-size:12px}.About_Container .Support .Support_Right{width:30%;background-color:#3f4650}.About_Container .Support .Support_Right .Big_Dot_3{display:none}.About_Container .Support .Support_Right .Support_Right_Content{position:relative;background-color:#3f4650;margin:0;left:-30px;height:100%;width:100%;top:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.About_Container .Support .Support_Right .Support_Right_Content img{margin:-60px 0 0;width:80%}.About_Container .Support .Support_Right .Support_Right_Content a{margin:0;width:180px;height:30px;font-size:24px}.About_Container .Join{height:fit-content}.About_Container .Join h2{font-size:19px}}@media only screen and (max-width: 760px){.About_Container{width:540px}.About_Container .Description .Description_Context .Description_Article h4{font-size:16px}.About_Container .Description .Description_Context .Description_Article p{font-size:12px}.About_Container h3{font-size:24px}.About_Container .FAQ .FAQ_container .FAQ_question .FAQ_question_container h4{line-height:14px;font-size:14px;height:33px}.About_Container .FAQ .FAQ_container .FAQ_question .FAQ_question_container p{font-size:12px;padding-top:5px}.About_Container .Support{flex-direction:column}.About_Container .Support .Support_Left{width:100%}.About_Container .Support .Support_Left .Support_Left_Content{box-sizing:border-box;width:100%}.About_Container .Support .Support_Left .Support_Left_Content h5{margin-top:10px}.About_Container .Support .Support_Left .Support_Left_Content .Support_Left_Donation_Bar{display:none}.About_Container .Support .Support_Left .Support_Left_Content ul{margin-top:10px}.About_Container .Support .Support_Right{width:100%}.About_Container .Support .Support_Right .Support_Right_Content{left:0;margin:0}.About_Container .Support .Support_Right .Support_Right_Content img{display:none}.About_Container .Join h2{font-size:16px}}@media only screen and (max-width: 560px){.About_Container{width:340px}.About_Container .Description .Description_Context .Description_Article h4{font-size:16px}.About_Container .Description .Description_Context .Description_Article p{font-size:12px}.About_Container h3{font-size:24px}.About_Container .FAQ .FAQ_container .FAQ_question{max-height:72px;margin-top:5px}.About_Container .FAQ .FAQ_container .FAQ_question h5{font-size:14px;width:30px;padding-left:5px;padding-top:25px}.About_Container .FAQ .FAQ_container .FAQ_question .FAQ_question_container{width:calc(100% - 40px)}.About_Container .FAQ .FAQ_container .FAQ_question .FAQ_question_container h4{line-height:14px;font-size:14px;height:70px}.About_Container .FAQ .FAQ_container .FAQ_question .FAQ_question_container p{font-size:12px;padding-top:5px}.About_Container .FAQ .FAQ_container .FAQ_open{max-height:450px}.About_Container .Support{flex-direction:column}.About_Container .Support .Support_Left{width:100%}.About_Container .Support .Support_Left .Support_Left_Content{box-sizing:border-box;width:100%}.About_Container .Support .Support_Left .Support_Left_Content h2{font-size:24px}.About_Container .Support .Support_Left .Support_Left_Content p{font-size:14px;width:100%;padding-top:5px}.About_Container .Support .Support_Left .Support_Left_Content h5{margin-top:10px;display:none}.About_Container .Support .Support_Left .Support_Left_Content ul{font-size:10px;margin-top:10px}.About_Container .Support .Support_Right{width:100%}.About_Container .Support .Support_Right .Support_Right_Content{left:0;margin:0;top:-1px}.About_Container .Support .Support_Right .Support_Right_Content img{display:none}.About_Container .Join h2{font-size:16px}}.LoadingScreen{position:absolute;top:0;left:0;z-index:40;background:#fff;transition:.5s;width:100%;height:100%}.LoadingScreen img{display:block;position:relative;box-sizing:border-box;margin:50px auto;width:200px;padding:5px;top:50%;transform:translateY(-150%);border-radius:15px;animation:photo_move infinite 7s ease}.LoadingScreen .LoadingText{display:block;position:relative;margin:50px auto;top:15%;width:fit-content}.LoadingScreen .LoadingText h2{text-align:center;font-size:48px;text-transform:uppercase;filter:blur(4px);z-index:0}.LoadingScreen .LoadingText .traveler{position:relative;margin-top:-93px;overflow:hidden;width:100px;height:100%;border-top:2px solid black;border-bottom:2px solid rgb(1,78,78);padding-bottom:10px;background:#f0fcfd65;z-index:1;animation:move 7s infinite ease}.LoadingScreen .LoadingText .traveler h2{filter:none;width:fit-content;height:40px;width:100%;white-space:nowrap;margin:0;padding:0;animation:move_back 7s infinite ease}@keyframes move{0%{margin-left:0}50%{margin-left:474px}to{margin-left:0}}@keyframes move_back{0%{margin-left:0}50%{margin-left:-474px}to{margin-left:0}}@keyframes photo_move{0%{transform:translateY(-150%)}50%{transform:translateY(-160%)}to{transform:translateY(-150%)}}@media only screen and (max-width: 1210px){.LoadingScreen img{width:100px;top:35%}.LoadingScreen .LoadingText{transform:scale(.6)}}.Piano{position:relative;width:100%;background:#2a2c2e;z-index:11}.piano_keys{position:absolute}.PianoWatermark{position:absolute;top:10px;right:10px;max-width:250px;display:flex;flex-direction:column;color:#fff;z-index:35}.PianoWatermark h3,.PianoWatermark h5{margin:0;padding:0;font-weight:100;text-align:right}.PianoWatermark h3{font-size:32px}.PianoWatermark h5{font-size:20px}.whiteKey{border:1px solid black;border-bottom:none;position:absolute;box-shadow:0 4px 3px -3px #000;background-color:ivory;border-radius:1px 1px 5px 5px;z-index:30}.blackKey{border:1px solid black;background-color:#000;position:absolute;box-shadow:0 1px 4px #000;border-radius:1px 1px 5px 5px;z-index:33}.redFancyLine{position:absolute;height:3px;width:100%;border-top:4px solid black;background-color:#2c0101;box-shadow:0 2px 5px #000000b2;z-index:35}.red{background-color:#11d331;transform:scale(.92)}.loading_sound{position:absolute;z-index:555;background-color:#fff}.loading_sound>img{display:block;margin:100px auto;transform:scale(1.5)}.loading_sound>h2{display:block;text-align:center;font-size:64px;margin:0 auto;padding-top:10px;color:#000}.loading_sound>h3{color:#000;font-size:32px;text-align:center}.Piano_Dividing_Line{width:100vw;position:absolute;z-index:35;height:3px;border-top:2px solid rgba(0,0,0,.767);background-color:#800101;box-shadow:0 4px 6px #000}.Player_Manager{z-index:20;position:absolute;width:70%;height:50px;background-color:#f5f5f5;bottom:5px;left:50%;transform:translate(-50%);border-radius:5px;box-shadow:0 0 6px #000c;display:flex;flex-direction:row;align-items:center;opacity:0;transition:.5s ease}.Player_Manager img{height:100%;width:auto;margin-left:1%;transform:translateY(-4%)}.Player_Manager .logo_upd{cursor:pointer}.Player_Manager h3{text-transform:uppercase;font-size:22px;margin-left:1%}.Player_Manager .Button_Play,.Player_Manager .Button_Reset{height:80%;width:fit-content;display:flex;align-items:center;justify-content:center;background-color:#e6e6e6;margin-left:1.5%;border-radius:50%;border:1.5px solid #e6e6e6;box-sizing:border-box}.Player_Manager .Button_Play img,.Player_Manager .Button_Reset img{transform:translateY(0) scale(1.1);margin-left:0}.Player_Manager .Button_Play:hover,.Player_Manager .Button_Reset:hover{border:1.5px solid #5e5e5e;cursor:pointer}.Player_Manager .Button_Reset img{transform:scale(1)}.Player_Manager .Timer{width:8%;margin-left:1.5%}.Player_Manager .Timer h3{width:fit-content;text-transform:lowercase}.Player_Manager .Timer_Bar{width:60%;height:60%;display:flex;align-items:center;position:relative;cursor:pointer}.Player_Manager .Timer_Bar:hover .Time_Bar_Bar{box-shadow:0 0 3px #00000054}.Player_Manager .Timer_Bar:hover .Time_Bar_Dot{box-shadow:0 0 1px 1px #000000b9}.Player_Manager .Timer_Bar .Time_Bar_Bar{width:100%;height:2px;background-color:#6e8898;border-radius:2px}.Player_Manager .Timer_Bar .Time_Bar_Dot{position:absolute;width:18px;height:18px;background-color:#3f4650;border-radius:50%;transform:translate(-50%)}.Player_Manager_Active{opacity:1;transition:.2s}.WIDTH_INFO{position:absolute;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:50;background-color:#e6e6e6}.WIDTH_INFO h3{width:80%}@media only screen and (max-width: 1600px){.Player_Manager .Timer_Bar{width:55%}}@media only screen and (max-width: 1410px){.Player_Manager .Timer_Bar{width:50%;margin-left:2.5%}}@media only screen and (max-width: 1200px){.Player_Manager h3{font-size:16px}.Player_Manager .Button_Play,.Player_Manager .Button_Reset{width:30px;height:30px}.Player_Manager .Timer_Bar{width:40%;margin-left:5%}}@media only screen and (max-width: 750px){.Player_Manager .Timer_Bar{width:35%;margin-left:4.5%}}@media only screen and (max-width: 670px){.Player_Manager .Timer_Bar{width:30%;margin-left:5.5%}}@media only screen and (max-width: 620px){.Player_Manager .titlePBA{display:none}.Player_Manager .Timer_Bar{width:45%;margin-left:8.5%}}@media only screen and (max-width: 510px){.Player_Manager .titlePBA{display:none}.Player_Manager .Timer_Bar{width:40%;margin-left:10%}}.Playing_main{width:70%;left:15%;padding-left:50px;padding-right:50px;height:54px;background-color:#00363df3;position:absolute;z-index:200;bottom:0;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;transition:.25s ease;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:0 -3px 6px #000}.Playing_main .icons{height:100%;display:flex;box-sizing:border-box;padding:10px;margin-left:5px;flex-direction:row;align-items:center}.Playing_main .icons i{font-size:32px;color:#fff;margin:10px}.Playing_main .icons i:hover{transition:.02s;transform:scale(1.25);text-shadow:0px 0px 8px rgb(170,40,209);cursor:pointer}.Playing_main .icons .IconGoBack{cursor:pointer;width:35px;margin-left:-10px;margin-right:20px}.Playing_main .Timer{font-family:Quicksand,sans-serif;display:block;width:50px;height:50px;font-weight:700}.Playing_main .Duration{width:75%;justify-self:flex-end;height:30%;border:1px dotted rgb(255,255,255);border-radius:2px;position:relative;cursor:pointer}.Playing_main .Duration .Bar{position:absolute;opacity:.9;height:100%;background:linear-gradient(90deg,#421497,#8f0b88)}@media only screen and (max-width: 900px){.Playing_main .icons{padding-left:2px;margin-left:0}.Playing_main .icons i{font-size:22px;margin:4px}.Playing_main .icons .IconGoBack{width:28px;margin-right:4px}.Playing_main .Duration{width:60%}}.Record{width:100%;overflow:hidden;font-family:Quicksand,sans-serif;background-color:#101010;color:#bfdbf7}.Record .content{width:100%;display:flex;flex-direction:row;margin:70px auto}.Record .content img{width:35px;display:block}.Record .content h2{text-align:center;font-size:18px}.Record .content .devices{width:50%;display:block;overflow-y:auto;height:30vh;margin:5px auto;box-shadow:0 0 8px #bfdbf7;border-radius:2px;background-color:#011018}.Record .content .devices .device{position:relative;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;box-shadow:0 0 6px #2ec52ebb;margin:10px auto;width:95%;padding:5px}.Record .content .devices .device h1{font-size:16px}.Record .content .devices .device .dot{position:absolute;left:15px;width:0px;margin:0;padding:0}.Record .content h3{text-align:center;margin:15px auto;font-size:24px;font-weight:800;width:60%;padding:10px;border:2px dashed rgba(0,0,0,.178);border-radius:5px}.Record .rec{padding:5px 15px;background-color:#e75a5a;border-radius:3px;font-size:18px;transition:.1s}.Record .rec:hover{background-color:#f04141;color:#443131;transform:scale(1.05)}.Record .play{padding:5px 15px;background-color:#46f346;border-radius:3px;font-size:18px;transition:.1s}.Record .play:hover{background-color:#2ec52e;color:#1c501c;transform:scale(1.05)}.Record button{outline:none;border:none;cursor:pointer;display:block;margin:15px auto;box-shadow:0 0 6px #ffffff75}.Record .Event{padding:5px;width:80%;text-align:center;margin:10px auto;box-shadow:0 0 5px #000;display:flex;align-items:center;justify-content:space-evenly}.Record .Event h3{font-size:16px;margin:0;font-weight:700;padding:0;border:2px solid transparent}.Record .Event .title_ev{font-size:20px}.Record .Event .delta{color:#490e26}.Record .Event .noteNumber{color:#310e49}.Record .Event .duration{color:#492f0e}.Record h5{display:block;margin:50px auto;text-align:center;font-size:14px;color:#000000a1}.Record .Canvas{border:1px solid black;margin:10px auto;position:relative;display:block;z-index:1;opacity:.8;background-color:#fff}.Events{width:60%;padding:10px;margin:10px auto;overflow:auto;box-shadow:0 0 4px #000;border-radius:4px}.blink{animation:blink 1s infinite}@keyframes blink{0%{color:#bfdbf7}10%{color:red}50%{color:red}60%{color:#bfdbf7}to{color:#bfdbf7}}#textDevices{font-size:20px;font-weight:300}#backgroundRot{position:absolute;left:51%;background-color:#000;transform:rotate(-15deg);height:150%;width:100%;top:-35%;z-index:0}#Record_Title{font-size:48px}#Record_Description{font-size:18px;font-weight:200}.flex-50{height:100%;width:50%}.Pg-Container-Flex{width:100%;display:flex;flex-direction:row}@media only screen and (max-width: 1650px){.Record .content .flex-50 .Canvas_Rec{transform:scale(.8)}}@media only screen and (max-width: 1420px){.Record .content .flex-50 .Canvas_Rec{transform:scale(.6)}#Record_Title{font-size:24px}#Record_Description{font-size:16px}}@media only screen and (max-width: 980px){.Record{overflow-y:auto}.Record .content{height:auto;flex-direction:column;margin-bottom:0}.Record .content .devices .device h1{font-size:12px}.Record .content .flex-50{width:100%;height:auto;z-index:1}.Record .content .flex-50 .Canvas_Rec{transform:scale(.8)}#backgroundRot{display:none}#Record_Title{width:100%}#Record_Description{width:90%}}.Caps{text-transform:uppercase}@media only screen and (max-width: 550px){.Record .content .flex-50 .Canvas_Rec{width:100%}}.INFO_REBUILD{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.main{width:100%;position:absolute;top:0;height:100vh;overflow-y:auto;overflow-x:hidden}h1{text-align:center}body{cursor:default;overflow:hidden;background-color:#f3f3f3}