@import url(https://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,regular,italic,500,500italic,700,700italic,900,900italic);.all--unset{all:unset}.cursor--pointer{cursor:pointer}.cursor--default{cursor:default}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.SideMenu{align-items:center;background:var(--theme-color);display:flex;flex-direction:column;height:100%;left:0;overflow-x:hidden;overflow-y:auto;padding:11px 8px;position:fixed;top:0;z-index:5}.SideMenu::-webkit-scrollbar{width:4px}.SideMenu::-webkit-scrollbar-track{background:var(--theme-color)}.SideMenu::-webkit-scrollbar-thumb{background:var(--scroll-color);border:1px solid var(--theme-color);border-radius:20px}.SideMenu.open{width:20%}.SideMenu.close{width:auto}.SideMenu__header{align-items:center;display:flex;gap:25%;margin-bottom:50px;position:-webkit-sticky;position:sticky;top:0;width:100%}.SideMenu__icon{height:40px;width:40px}.SideMenu__item{color:#fff;font-size:18px;font-style:normal;line-height:28px;margin-bottom:10px;max-width:20ch;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.SideMenu__item:hover{color:#d8d8d8}.SideMenu__item .not-selected{border-bottom:1px solid transparent;font-weight:300;padding-bottom:2px}.SideMenu__item .selected{border-bottom:1px solid var(--underline-color);font-weight:500;padding-bottom:2px}@media only screen and (max-width:1200px){.SideMenu__header{position:relative}}@media only screen and (max-width:1000px){.SideMenu__item{max-width:13ch}}@media only screen and (max-width:700px){.SideMenu{height:35%;right:0}.SideMenu.open{width:100%}.SideMenu.close{height:66px}.SideMenu.close .SideMenu__header{margin-bottom:0}.SideMenu__header{position:-webkit-sticky;position:sticky}.SideMenu__icon{cursor:default}.SideMenu__item{cursor:default;max-width:20ch}}@media only screen and (max-width:300px){.SideMenu__header{position:relative}}@media only screen and (max-width:220px){.SideMenu__item{max-width:10ch}}.SelectTheme{cursor:pointer;position:absolute;right:2%;top:5%}.SelectTheme__icon{height:60px;width:60px}@media only screen and (max-width:700px){.SelectTheme{cursor:default}.SelectTheme.menu-top--opened{top:37%}.SelectTheme.menu-top--closed{top:12%}}.ButtonMenu{bottom:5%;position:fixed;right:2%}.ButtonMenu__button{all:unset;background-color:var(--theme-color);border-radius:50%;color:#fff;cursor:pointer;font-size:30px;overflow:hidden;padding:12px 22px;transition-duration:.2s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.ButtonMenu__button:hover{background-color:var(--theme-color-shadow)}.ButtonMenu__button.activated{transform:rotate(1turn);-webkit-transform:rotate(230deg)}.ButtonMenu__icon{border-radius:50%;height:60px;position:absolute;width:60px}.ButtonMenu__icon.top{bottom:110px;right:0}.ButtonMenu__icon.diagonal{bottom:90px;right:100px}.ButtonMenu__icon.left{right:110px;top:10px}@media only screen and (max-width:700px){.ButtonMenu__button{cursor:default}}.ModalOpenImage{align-items:center;background:rgba(0,0,0,.8);bottom:0;cursor:pointer;display:flex;flex-direction:column;justify-content:center;left:0;overflow-y:auto;position:fixed;right:0;top:0;z-index:10}.ModalOpenImage.closed{display:none}.ModalOpenImage__img{max-height:98%;width:70%}@media only screen and (max-width:1000px){.ModalOpenImage__img{width:80%}}@media only screen and (max-width:700px){.ModalOpenImage__img{width:100%}}*{box-sizing:border-box;font-family:Roboto;margin:0;padding:0}body{overflow-x:hidden}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{background:#fff}body::-webkit-scrollbar-thumb{background-color:var(--scroll-color);border:3px solid #fff;border-radius:20px}.App{display:flex;flex-direction:column;min-height:100vh;padding:78px 140px 78px 100px}.App.initial{align-items:center;justify-content:center;padding:0}.App.menu--opened{margin-left:20%}.App.menu--closed{margin-left:66px}.App__title{border-bottom:3px solid var(--underline-color);color:#000;font-size:48px;font-style:normal;font-weight:900;line-height:56px;text-align:center}.App__img{height:100px;opacity:.5;position:absolute;width:100px;z-index:-10}.App__img.change-theme{right:7%;top:10%}.App__img.contact{bottom:15%;right:5%}.App__main{align-items:flex-start;display:flex;flex-direction:column;gap:10px;width:100%}.main__title{align-self:center;border-bottom:2px solid var(--underline-color);color:#000;font-size:48px;font-style:normal;font-weight:900;line-height:56px;margin-bottom:50px;text-align:center}.main__subtitle{color:#000;font-size:24px;font-weight:700;margin-bottom:10px}.main__subtitle,.main__subtitle2{font-style:normal;line-height:28px}.main__subtitle2{background-color:#ebebeb;color:#333;font-size:18px;font-weight:500;margin-top:10px;width:100%}.main__text{color:#000;font-weight:400;letter-spacing:1px;word-spacing:4px}.main__example,.main__text{font-size:16px;font-style:normal;line-height:28px;margin-bottom:30px}.main__example{color:var(--text-example-color);font-weight:500}.main__img{cursor:pointer;margin:40px 0;max-width:100%}.main__ul{-webkit-margin-start:20px;margin-bottom:30px;margin-inline-start:20px}.main__li{color:#000;font-size:15px;font-style:normal;font-weight:400;letter-spacing:1px;line-height:28px;margin-bottom:5px;word-spacing:4px}.main__code-container{background-color:var(--background-color);display:flex;flex-direction:column;gap:3px;margin-bottom:20px;margin-top:20px;padding:20px 15px;width:100%}.code-container__content{display:flex;gap:20px}.main__code,.main__code-number{color:var(--theme-color);font-size:15px;font-style:normal;font-weight:400;letter-spacing:1px;word-spacing:4px}.main__code{width:100%}.main__code-number{color:var(--scroll-color);font-size:11px;text-align:end;width:25px}@media only screen and (max-width:1000px){.App__img.change-theme{right:10%;top:10%}.App__img.contact{bottom:15%;right:7%}}@media only screen and (max-width:700px){.App{padding:78px 100px 78px 30px}.App.menu--opened{margin-left:0;margin-top:250px;min-height:calc(100vh - 350px)!important}.App.menu--closed{margin-left:0;margin-top:66px;min-height:calc(100vh - 66px)!important}.App__img{height:80px;width:80px}.App__img.change-theme{right:12%;top:42%}.App__img.change-theme.closed{top:18%}.App__img.contact{bottom:15%;right:7%}}@media only screen and (max-width:500px){.App__img.change-theme{right:17%;top:42%}.App__img.contact{bottom:15%;right:13%}}@media only screen and (max-width:400px){.App{padding:78px 50px 78px 20px}.App__img.change-theme{right:22%;top:42%}.App__img.contact{bottom:15%;right:17%}}@media only screen and (max-width:300px){.App{padding:78px 10px}}@media only screen and (max-width:250px){.App{padding:78px 3px}.App__img{height:65px;width:65px}.App__img.change-theme{right:27%;top:42%}.App__img.contact{bottom:15%;right:20%}}@media only screen and (max-width:200px){.App__img.change-theme{right:30%;top:44%}.App__img.contact{bottom:15%;right:20%}}@media only screen and (max-height:550px){.App__img.change-theme{right:10%;top:15%}.App__img.contact{bottom:20%;right:7%}@media only screen and (max-width:700px){.App__img.change-theme{right:10%;top:45%}}}@media only screen and (max-height:450px){.App__img{height:70px;width:70px}.App__img.change-theme{right:10%;top:20%}.App__img.contact{bottom:25%;right:7%}@media only screen and (max-width:700px){.App__img{height:55px;width:55px}.App__img.change-theme{right:13%;top:48%}}}@media only screen and (max-height:220px){.App__img{display:none}}
/*# sourceMappingURL=main.86972bf3.css.map*/