.mainSection{background-color:#141313;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,.5);display:flex;flex-direction:column;height:100%;justify-content:space-between;margin-left:30px;margin-right:30px;padding-bottom:15px;padding-top:15px;width:750px}.mainSection h1 a{text-decoration:none}.mainSection img{transition:1s ease-in-out;-webkit-transition:1s ease-in-out;-moz-transition:1s ease-in-out;-ms-transition:1s ease-in-out;-o-transition:1s ease-in-out}.mainSection .button{background-color:#440b29;border:2px solid #bd925e;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;cursor:pointer;display:block;font-size:16px;font-weight:700;height:40px;margin-left:auto;margin-right:auto;width:150px}.mainSection .window{display:flex;justify-content:center;list-style:none;margin:0 auto}.mainSection .window .circle{height:100px;width:100px}.button_onClick{-webkit-transform:scale(.96);transform:scale(.96);transition:.2s ease-in-out}.spells__group .square{height:100px;width:100px}.spells__group .square span{font-size:18px;margin-left:70px}.spells__group .square img{height:90px;width:90px}.spell__list p{font-size:18px}.mainSection h1{text-align:center}.mainSection .window .circle{align-items:center;border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;-ms-border-radius:100px;-o-border-radius:100px;box-shadow:0 0 10px rgba(0,0,0,.5);display:flex;height:80px;justify-content:center;margin-left:20px;margin-right:20px;width:80px}.mainSection .window .circle img{border-radius:90px;height:80px;margin:0;width:80px}.spells__group{display:flex;justify-content:space-around}.spells__group .square{border:5px groove #1d1c1c;display:flex;height:70px;padding:5px;width:70px}.spells__group .square span{font-size:14px;height:1px;margin-left:40px;position:absolute;width:1px;z-index:1}.spells__group .square img{height:55px;margin:0;position:relative;width:55px}.controll__list img{width:70px}.controll__list p{font-size:18px}.spell__list p{font-size:15px}.curent__spell{align-items:center;background-color:#141313;border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,.5);display:flex;font-size:25px;height:100px;justify-content:space-around;margin-left:auto;margin-right:auto;padding:15px;width:300px}.curent__spell img{margin:0!important;width:60px}.restart{align-items:center;background-color:#141313;border:none;border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,.5);cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:space-around;margin-left:auto;margin-right:auto;padding:15px;width:200px}.restart:hover{background-color:#1d1c1c;transition:background .2s ease-in-out}.mainSection h2,.mainSection h3{text-align:center}.mainSection h3{font-size:40px;font-weight:700}.mainSection img{display:block;margin-left:auto;margin-right:auto}.mainSection p{text-align:center}@font-face{font-family:TrajanPro;src:url(/static/media/TrajanPro-Bold.3f14e0ffe7b54e407289.otf)}*{box-sizing:border-box;color:#fff;font-family:TrajanPro,serif;font-weight:400;margin:0;padding:0}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#fff;border-radius:10px}::-webkit-scrollbar-track{background:#141313;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#ff6a6a,#ffc3a0)}body{align-items:center;background-color:#151515;background-position:50%;justify-content:center;overflow-x:hidden}.App,body{display:flex}.App{flex-direction:column;height:100vh;row-gap:10px;width:100vw}.header{display:flex;justify-content:center;margin-top:30px}.buttons_auth{display:flex;justify-content:space-around;width:400px}.buttons_auth button{background-color:#141313;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,.5);cursor:pointer;height:30px;width:100px}.buttons_auth button:hover{background-color:#222020}.firstBlock{align-items:center;display:flex;height:calc(100% - 100px);height:550px;justify-content:center;padding-bottom:10px}.guide-block,.secondBlock{align-items:center;display:flex;justify-content:center;margin-top:30px;width:100%}.guide-block h2{margin:0 0 20px}.guide-block h3{margin:20px 0}.guide-block p{margin-bottom:20px}.guide-block__info{background-color:#141313;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,.5);margin-bottom:30px;margin-left:30px;margin-right:30px;max-width:750px;padding:30px}.guide-block__info a{margin-bottom:20px;margin-right:20px}.guide-block__pros-and-cons{display:flex;margin-left:20px;margin-top:20px}.guide-block__pros{margin-right:50px}.about{background-color:#141313;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,.5);height:750px;margin-bottom:30px;margin-left:30px;margin-right:30px;max-width:750px}.about h2,.about p{margin-left:30px;margin-top:30px}.about p{margin-right:30px;text-align:justify}.about a{margin-left:30px;margin-right:30px;margin-top:30px;text-align:end;text-decoration:none}.ad{height:750px;justify-content:center;margin-bottom:30px;width:300px}.ad,.socials{align-items:center;display:flex}.socials{justify-content:space-between}.controll__list{display:flex;flex-direction:column;font-size:17px;list-style:none;overflow-y:scroll;row-gap:15px}.controll__list img{height:50px;width:50px}.controll__list li{align-items:center;display:flex;flex-direction:row}.controll__list p{font-size:16px;margin-bottom:0;margin-left:20px;margin-top:0}.spell__list{display:flex;flex-direction:column;list-style:none;margin:0 auto;overflow-y:scroll}.spell__list img{height:50px;width:50px}.spell__list li{align-items:center;display:flex;flex-direction:row;margin-bottom:20px}.spell__list p{font-size:16px;margin-bottom:0;margin-left:20px;margin-top:0}.controlls{background-color:#141313;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,.5);display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:15px;width:300px}.controlls h2{text-align:center}.spells{align-items:center;background-color:#141313;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,.5);display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:15px;width:300px}.spells h2{text-align:center}.img{height:170px;width:300px}.h3__keybinds,.img{margin:0}.keybinds{display:flex;justify-content:space-between}.key__binds__button{background-color:#141313;border:3px groove #000;cursor:pointer;padding:3px}.mainSection{width:500px}@media screen and (max-width:1410px){.mainSection{width:500px}.spells{font-size:16px}.about{height:1000px;width:500px}.about .socials{margin-left:30px;margin-right:30px}.about .socials a{margin:0}.ad{width:250px}.guide-block__info{width:500px}}@media screen and (max-width:1090px){.controlls .controll__list li img{height:50px;width:50px}.controlls .controll__list li p{font-size:16px}.controlls .keybinds{flex-wrap:wrap}.controlls .key__binds__button{margin-top:10px}.mainSection h1{font-size:30px}.spells,.spells li p{font-size:16px}.about{height:1230px;width:400px}.about .socials{margin-left:30px;margin-right:30px}.about .socials a{margin:0}.guide-block__info{width:400px}.ad{height:1230px;width:200px}}@media screen and (max-width:870px){.firstBlock,.secondBlock{flex-direction:column}.buttons_auth img,.controlls{display:none}.controlls{height:650px;width:500px}.controlls .controll__list li img{height:50px;width:50px}.controlls .controll__list li p{font-size:16px}.controlls .keybinds{flex-wrap:wrap}.controlls .key__binds__button{margin-top:10px}.mainSection{height:700px;width:500px}.mainSection h1{font-size:30px;margin-top:15px}.spells{display:none;font-size:16px;width:500px}.spells li{margin-bottom:10px}.spells li p{font-size:16px}.about{height:1000px;margin-left:10px;margin-right:10px;width:500px}.about .socials{margin-left:30px;margin-right:30px}.about .socials a{margin:0}.guide-block{flex-direction:column}.ad,.guide-block__info{width:500px}.ad{height:400px}}@media screen and (max-width:510px){.buttons_auth{width:300px}.firstBlock,.secondBlock{flex-direction:column}.controlls{height:650px;width:300px}.controlls .controll__list li img{height:50px;width:50px}.controlls .controll__list li p{font-size:16px}.controlls .keybinds{flex-wrap:wrap}.controlls .key__binds__button{margin-top:10px}.mainSection{height:700px;width:300px}.mainSection .window .circle,.mainSection .window .circle img{height:60px;width:60px}.mainSection h1{font-size:30px}.spells{font-size:16px;height:700px;margin-top:20px;width:300px}.spells li{margin-bottom:10px}.spells li p{font-size:16px}.spells__group .square{border:5px groove #1d1c1c;display:flex;height:40px;padding:2px;width:40px}.spells__group .square span{font-size:16px;height:1px;margin-left:20px;position:absolute;width:1px;z-index:1}.spells__group .square img{height:30px;margin:0;position:relative;width:30px}.about{height:1630px;width:300px}.about,.about .socials{margin-left:10px;margin-right:10px}.about .socials a{margin:0}.guide-block__info{width:300px}.guide-block__pros-and-cons{flex-direction:column}.guide-block__pros-and-cons h4{margin-top:20px}.ad{height:300px;width:300px}}.overlay{align-items:center;background-color:rgba(0,0,0,.486);display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;margin:0 auto;position:fixed;text-align:center;top:0;width:100vw;z-index:2}.overlay h2{font-size:40px;font-weight:400}.overlay b{font-size:50px;font-weight:700;margin-top:20px}
/*# sourceMappingURL=main.264de6b7.css.map*/