@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:#eee;height:100%}.body{height:calc(100vh - 56px)}.container{height:100%}.nav-item{-webkit-user-drag:none}.Main{font-family:Roboto Condensed,sans-serif;height:100%;overflow-y:scroll;width:100%}.Main .Main-container .block{display:grid;grid-template-columns:1fr 6fr}.Main .Main-container .block .left-column{padding:20px;text-align:end;width:300px}.Main .Main-container .block .right-column{padding:20px}.Main .main-block{margin-top:-70px;min-height:500px}.Main .main-block .main-right-column{display:grid;grid-template-rows:8fr 1fr 2fr}.Main .main-block .main-right-column .hr{background-color:#f9ba0c;height:2px;margin-bottom:10px}.Main .main-block .main-right-column .info{display:flex;flex-direction:column;justify-content:center;margin-top:70px}.Main .main-block .main-right-column .info .name{font-weight:500}.Main .main-block .main-right-column .info span{color:#f9ba0c}.Main .main-block .photo{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.Main .main-block .photo img{border-radius:50%;height:230px;object-fit:cover;width:230px}.Main .main-block .contacts{display:flex;flex-wrap:wrap;justify-content:space-between}.Main .main-block .contacts .contact-item a,.Main .main-block .contacts .contact-item a:active,.Main .main-block .contacts .contact-item a:hover{color:#f9ba0c;text-decoration:none}.Main .main-block .contacts .contact-item a:hover{text-decoration:underline}.Main .intro-block p{line-height:130%;padding-bottom:15px;text-indent:20px}.Main .intro-block p:last-child{margin-bottom:0;padding-bottom:0}.Main .portfolio-block .right-column{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr 1fr}.Main .portfolio-block .portfolio-item{display:flex;flex-direction:column;padding:0 3px}.Main .portfolio-block .portfolio-item h3{margin-bottom:10px}.Main .portfolio-block .portfolio-item p{flex-grow:1}.Main .portfolio-block .portfolio-item a{background-color:#f9ba0c;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Main .scope-block .right-column{grid-gap:1rem 1rem;display:grid;gap:1rem 1rem;grid-template-columns:1fr 1fr 1fr;padding-top:20px}.Main .scope-block .scope-card{display:flex}.Main .scope-block .card-id{margin-top:-9px;min-width:25px}.Main .scope-block .card-title{margin-bottom:20px;margin-top:0}.Main .scope-block span{color:#f9ba0c;font-size:30px}.Main .skills-block{padding-bottom:50px}.Main .skills-block .right-column{display:grid;grid-template-columns:1fr 1fr}.Main .skills-block .skill-card{margin:10px}.Main .skills-block .skill-title{padding-bottom:5px}.Main .skills-block span{color:#f9ba0c;font-size:20px;font-weight:500}@media(max-width:991.99px){.Main .Main-container .left-column{width:150px!important}.Main .main-block{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.Main .main-block .right-column{grid-template-rows:auto;margin-left:50px;margin-top:50px}.Main .main-block img{height:200px!important;width:200px!important}.Main .main-block .contacts{grid-gap:1rem 4rem;display:grid!important;gap:1rem 4rem;grid-template-columns:1fr 1fr}.Main .intro-block .left-column{padding-bottom:0!important}.Main .intro-block .left-column p{margin:0;padding:0}.Main .scope-block .right-column{grid-template-columns:1fr 1fr}.Main .skills-block .right-column{width:100%}}@media(max-width:767.99px){.Main .Main-container .left-column{padding-bottom:0!important;text-align:center!important;width:120px!important}.Main .main-block img{margin-top:100px}.Main .main-block .info,.Main .main-block .right-column{margin:0!important}.Main .main-block .contacts{gap:1rem 1rem}.Main .block{align-items:center;display:flex!important;flex-direction:column;justify-content:center}.Main .block .left-column{padding:0;text-align:center!important;width:200px!important}.Main .intro-block .left-column p{margin-left:-12px}}@media(max-width:500px){.Main .scope-block .right-column,.Main .skills-block .right-column{grid-template-columns:1fr}.Main .portfolio-block .right-column{grid-template-columns:1fr 1fr}}@media(min-width:800px){.Main::-webkit-scrollbar-track{background-color:#fbfbfb;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.Main::-webkit-scrollbar{width:12px}.Main::-webkit-scrollbar-thumb{background-color:#ffebb6;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.Main::-webkit-scrollbar{background-color:#fbfbfb;width:0}}.Main h1,.Main h2,.Main h3,.Main h4,.Main h5{margin:0}.TicTacToe *,.TicTacToe :after,.TicTacToe :before{box-sizing:border-box}.TicTacToe .TicTacToe{-webkit-user-select:none;user-select:none}.TicTacToe ol[class],.TicTacToe ul[class]{padding:0}.TicTacToe .TicTacToe,.TicTacToe blockquote,.TicTacToe dd,.TicTacToe dl,.TicTacToe figcaption,.TicTacToe figure,.TicTacToe h1,.TicTacToe h2,.TicTacToe h3,.TicTacToe h4,.TicTacToe li,.TicTacToe ol[class],.TicTacToe p,.TicTacToe ul[class]{margin:0}.TicTacToe .TicTacToe{line-height:1.5;scroll-behavior:smooth;text-rendering:optimizeSpeed}.TicTacToe ol[class],.TicTacToe ul[class]{list-style:none}.TicTacToe a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}.TicTacToe img{display:block;max-width:100%}.TicTacToe article>*+*{margin-top:1em}.TicTacToe button,.TicTacToe input,.TicTacToe select,.TicTacToe textarea{font:inherit}@media(prefers-reduced-motion:reduce){.TicTacToe *{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.TicTacToe{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.TicTacToe .Board{display:flex;flex-wrap:wrap;height:308px;width:308px}.TicTacToe .Cell{align-items:center;border:2px solid #000;display:flex;font-size:50px;height:98px;justify-content:center;margin:2px;width:98px}.TicTacToe .btn{margin-top:10px;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.TicTacToe .btn-success{background-color:#f9ba0c;border:0;color:#fff}.TicTacToe .btn-success:focus,.TicTacToe .btn-success:hover,.TicTacToe .btn-success:visited{background-color:#bb8c09;color:#fff}.TicTacToe .footer{display:flex;justify-content:center;width:308px}.TicTacToe .btn-zone{align-items:center;display:flex;flex-direction:column;flex-grow:1}.TicTacToe p{width:100%}.Convertor{grid-column-gap:30px;background-color:#fff;border-radius:15px;box-shadow:0 10px 20px rgba(0,0,0,.05);display:grid;grid-template-columns:1fr 1fr;margin:100px auto;padding:20px;width:800px}.Convertor *{box-sizing:border-box;font-family:Inter,system-ui!important;-webkit-user-select:none;user-select:none}.Convertor .block input{font-size:3rem;font-weight:700;letter-spacing:1.3px;margin-top:20px;outline:none;padding:20px;width:100%}.Convertor .block input,.Convertor .currencies{border:1px solid rgba(0,0,0,.1);border-radius:5px}.Convertor .currencies{display:flex;list-style:none;margin:0;overflow:hidden;padding:0}.Convertor .currencies li{border-right:1px solid rgba(0,0,0,.05);cursor:pointer;display:inline-flex;flex:1 1;justify-content:center;padding:10px 20px}.Convertor .currencies li:hover{background-color:rgba(0,0,0,.03)}.Convertor .currencies li:active{background-color:rgba(0,0,0,.05)}.Convertor .currencies li.active{background-color:#f9ba0c;color:#fff}.Convertor .currencies li:last-of-type{align-items:center;border-right:0;display:inline-flex;flex:0 0 50px}.Convertor .currencies li:last-of-type svg{height:16px;width:16px}@media(max-width:1000px){.Convertor{display:flex;flex-wrap:wrap;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Convertor h1{margin:0 auto 20px}}@media(max-width:500px){.Convertor{padding:20px 5px!important}.Convertor h1{margin:0 auto}.Convertor .block{margin-top:20px}.Convertor .block ul li{padding:10px}}.Timer{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 10px 20px rgba(0,0,0,.05);display:flex;justify-content:center;padding:40px;-webkit-user-select:none;user-select:none}.Timer .container-timer{padding:10px}.Timer .title{font-size:30px;margin-bottom:5px;text-align:center}.Timer .timer{font-size:60px;margin-bottom:20px;text-align:center}.Timer .buttons{display:flex;flex-direction:row;justify-content:space-between;margin-top:10px}.Timer button{background-color:#f9ba0c;border:none;border-radius:10px;box-shadow:0 2px 0 2px #daa20b;color:#fff;cursor:pointer;font-size:22px;padding:10px;transition:all .5 ease}.Timer button:hover{background-color:#f8c845;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.Timer button:active{box-shadow:0 0 2px 2px #fff;-webkit-transform:translateY(2px);transform:translateY(2px)}.Timer .input-timer{background-color:#eee;border:none;border-radius:7px;font-size:20px;outline:none;padding:10px}.Timer .input-timer:focus{background-color:#fff}.Timer input::-webkit-inner-spin-button,.Timer input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media(max-width:500px){.Timer{padding:30px 5px}.Timer .container-timer{padding:5px}}.Counter{align-items:center;background-color:#fff;border-radius:30px;box-shadow:0 10px 20px rgba(0,0,0,.05);display:flex;justify-content:center;padding:30px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Counter h1{color:#000;font-size:7rem;font-size:70px;margin-bottom:40px;margin-top:20px}.Counter h1.plus{color:#2a9d8f}.Counter h1.minus{color:#e63946}.Counter h2{color:#f9ba0c;font-size:2rem;margin-bottom:15px}.Counter button{background:transparent;border:2px solid transparent;border-radius:15px;cursor:pointer;font-size:22px;margin:0 10px;padding:10px 25px;text-align:center;transition:all .05s ease-in-out}@media(max-width:500px){.Counter button{margin:10px}}.Counter button.minus{background-color:#e63946;border:1px solid #bb1824;box-shadow:0 4px 0 #d21a28;color:#fff}.Counter button.plus{background-color:#2a9d8f;border:1px solid #1a6158;box-shadow:0 4px 0 #1f756a;color:#fff}.Counter button:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.Counter button:active{box-shadow:none;-webkit-transform:translateY(2px);transform:translateY(2px)}.Counter button.disabled{background-color:#999;border:1px solid #626262;box-shadow:0 4px 0 #5e5e5e}.Counter button.disabled:hover{-webkit-transform:none;transform:none}.Counter button.disabled:active{box-shadow:none;-webkit-transform:translateY(2px);transform:translateY(2px)}:where(html){line-height:1.15}:where(h1){-webkit-margin-after:.67em;-webkit-margin-before:.67em;font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){-webkit-margin-after:0;-webkit-margin-before:0;margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:initial;color:inherit;height:0}:where(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:initial}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}.Todo{align-items:center;background-color:#fff;border-radius:20px;border-radius:10px;box-shadow:3px 3px 3px 2px #999;display:flex;flex-direction:column;height:500px;justify-self:center;padding:20px;width:500px}.Todo .mui-btn{background-color:#f9ba0c}.Todo .addTodos{display:flex;gap:1rem}.Todo .todos{flex-grow:1;overflow-y:auto;padding:5px;width:100%}.Todo .todos::-webkit-scrollbar-track{background-color:#f5f5f5;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.Todo .todos::-webkit-scrollbar{background-color:#f5f5f5;width:5px}.Todo .todos::-webkit-scrollbar-thumb{background-color:#555;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.Todo .todo{align-items:center;border-radius:10px;display:flex;font-size:20px;gap:1rem;justify-content:space-between}.Todo .todo input{height:20px!important;width:20px!important}.Todo .todo p{flex-grow:1;margin:0}.Todo .todo span{color:red;cursor:pointer;font-size:30px}@media(max-width:600px){.Todo{width:300px}.Todo button{padding-left:5px;padding-right:15px}}.through{text-decoration:line-through}.Form{background-color:#fff;border-radius:20px;box-shadow:inset 0 5px 10px 2px rgba(34,60,80,.2);margin:auto;min-height:200px;padding:20px 30px;width:500px}.Form h1{text-align:center}.Form .Start{align-items:center;display:flex;flex-direction:column;gap:3em}.Form .Result h1{margin-bottom:20px}.Form .Result .panel{border-radius:5px;box-shadow:0 7px 7px -4px rgba(34,60,80,.6);display:flex;justify-content:space-between;margin-bottom:15px;padding:0 10px}.Form .Result .panel h3{margin:10px 0}.Form .Result .modal-dialog{margin-top:calc(50vh - 130px)}@media(max-width:550px){.Form{width:auto}.Form .Result .buttons{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}}
/*# sourceMappingURL=main.27f36128.css.map*/