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}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;background:transparent;font-size:100%;vertical-align:baseline;outline:0}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}a{margin:0;padding:0;background:transparent;font-size:100%;vertical-align:baseline}table{border-collapse:collapse;border-spacing:0}input,select{vertical-align:middle}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 24, 2020 */@font-face{font-family:"futura_ltbold";src:url(./../media/19439-webfont.67d3f3da.eot);src:url(./../media/19439-webfont.67d3f3da.eot) format("embedded-opentype"),url(./../media/19439-webfont.f35ff371.woff2) format("woff2"),url(./../media/19439-webfont.da2d914c.woff) format("woff"),url(./../media/19439-webfont.1c2641db.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"bignoodletooobliqueitalic";src:url(./../media/bignoodletoo-webfont.ee77e6f5.eot);src:url(./../media/bignoodletoo-webfont.ee77e6f5.eot) format("embedded-opentype"),url(./../media/bignoodletoo-webfont.226cf579.woff2) format("woff2"),url(./../media/bignoodletoo-webfont.c583b9c2.woff) format("woff"),url(./../media/bignoodletoo-webfont.ceb1765e.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"futurano2dw03-regular";src:url(./../media/futurano2d_w03_regular-webfont.aa99abbf.eot);src:url(./../media/futurano2d_w03_regular-webfont.aa99abbf.eot) format("embedded-opentype"),url(./../media/futurano2d_w03_regular-webfont.6fec9a5e.woff2) format("woff2"),url(./../media/futurano2d_w03_regular-webfont.76e7f3db.woff) format("woff"),url(./../media/futurano2d_w03_regular-webfont.b4633486.ttf) format("truetype");font-weight:400;font-style:normal}.container{width:100%;margin-top:10vh}.page-header{z-index:2}.hamburger-menu,.page-header__side-menu{display:none}.page-header__side-menu{z-index:1}.page-main{background-image:url(https://tinyurl.com/ybamwhem)}.page-header,.page-main{font-family:"futura_ltbold",sans-serif}.page-footer,.page-header{background:#2d3752;color:#fff}.page-footer,.search{font-family:"futurano2dw03-regular",sans-serif}.search-wrapper{display:flex;justify-content:center;align-items:center;width:100%}.search{margin:100px auto}.search-wrapper__error-message{color:red}.search-wrapper__hint{color:#000}.search-wrapper__error-message,.search-wrapper__hint{position:absolute;bottom:-25px;left:10px;font-size:15px}.page-footer__link{color:inherit;text-decoration:none;transition:.3s}.page-footer__link:hover{color:#8b46ff}.page-footer__link,.page-footer__text{font-size:20px}@media (max-width:768px){.nav-list{display:none}.hamburger-menu{display:block}.page-header__side-menu{display:flex}}@media (max-height:500px){.container{margin-top:50px}}.page-header{position:fixed;top:0;left:0;display:flex;justify-content:space-between;align-items:center;width:100%;height:10vh;padding:5px 20px;box-sizing:border-box}@media (max-height:500px){.page-header{height:50px}}.logo{height:70%;max-height:150px;width:auto;max-width:300px}.nav-list{color:#fff;font-family:inherit}.nav-list__element{display:inline-block;margin:0 20px;padding-bottom:2px;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;transition:.3s}.nav-list__element:before{content:"";z-index:0;position:absolute;left:50%;right:50%;bottom:0;height:2px;background:#fff;transition-property:left,right;transition-duration:.3s;transition-timing-function:ease-out}.nav-list__element:hover{cursor:pointer}.nav-list__element:hover:before{left:0;right:0}.side-menu{position:absolute;top:10vh;right:0;flex-direction:column;width:50%;max-width:250px;background-color:#2d3752}.side-menu__element{display:flex;justify-content:center;align-items:center;min-height:35px;width:100%;padding:10px 0;color:#fff;font-size:15px;transition:.3s}.side-menu__element_active{background-color:#8b46ff;box-shadow:inset 5px 0 0 0 #5300df}.side-menu__element:focus,.side-menu__element:hover{background-color:#8b46ff}@media (max-height:500px){.side-menu{top:50px}}.page-main{display:flex;flex-direction:column;min-height:90vh;width:100%;background-size:cover;background-position:50%;background-attachment:fixed}@media (max-height:500px){.page-main{min-height:calc(100vh - 50px)}}.search{position:relative;display:grid;grid-template-rows:100%;grid-template-columns:80% 20%;height:50px;box-shadow:0 0 0 1px #79868a}.search,.search__input{border-bottom-left-radius:17px;border-top-left-radius:17px}.search,.search__button{border-bottom-right-radius:17px;border-top-right-radius:17px}.search__input{font-size:17px}.search__input:focus{box-shadow:0 0 0 1px #8b46ff}.search__button{background-color:#8b46ff;transition:.3s}.search__button:focus,.search__button:hover{background-color:#5300df}@media (max-width:768px){.search{width:80%}}@media (min-width:768px){.search{width:350px}}.text-input{padding:10px;border:none;background-color:#fff;color:inherit;font-family:inherit;outline:none}.text-input::-webkit-input-placeholder{color:#79868a}.text-input:-ms-input-placeholder{color:#79868a}.text-input::-ms-input-placeholder{color:#79868a}.text-input::placeholder{color:#79868a}.text-input:focus::-webkit-input-placeholder{color:transparent}.text-input:focus:-ms-input-placeholder{color:transparent}.text-input:focus::-ms-input-placeholder{color:transparent}.text-input:focus::placeholder{color:transparent}.button{color:inherit;border:none;outline:none}.button:hover{cursor:pointer}.button__image{height:50%}.profile{display:flex;flex-direction:column;align-items:center;color:#2d3752}.profile-tables-wrapper{display:flex;width:100%;margin-left:-30px}.profile-tables-wrapper__column{padding-left:30px;box-sizing:border-box}.profile-tables-wrapper__column>*{margin:auto auto 30px}.profile-tables-wrapper__control-panel{display:flex;flex-direction:column;width:400px;max-width:80%}.control-panel__selectedSettings{height:30vh;max-height:400px;width:100%;border:10px solid #2d3752;border-radius:4px;box-sizing:border-box;margin:25px 0;background-color:#2d3752;background-size:contain;background-repeat:no-repeat;background-position:100%,0}@media (max-width:768px){.control-panel__selectedSettings{display:none}.control-panel__select{margin:15px 0}}.profile-header{display:flex;flex-direction:column;justify-content:start;align-items:center;margin-bottom:30px}.profile-header__avatar-wrapper{position:relative;display:flex;justify-content:center;align-items:center;height:220px;width:220px}.avatar-wrapper__border{z-index:1;height:inherit;width:inherit;background-size:auto,cover;background-position:50% 90%,50%;background-repeat:no-repeat}.avatar-wrapper__avatar{z-index:0;position:absolute;height:45%;width:45%;border-radius:50%;background-position:50%;background-repeat:no-repeat;background-size:cover}.profile-header__battle-tag{color:inherit;font-family:inherit;font-size:25px}.profile-header__rank-wrapper{position:relative;display:flex;justify-content:space-between;align-items:center;margin-top:10px}.rank-wrapper__highest-rank-icon{position:absolute;left:-35px;width:35px}.rank-wrapper__highest-rank{color:inherit;font-family:inherit;font-size:25px}.profile-table{display:flex;flex-direction:column;width:400px;max-width:90%}.profile-table__title-wrapper{display:flex;justify-content:flex-start;align-items:center;background-color:#2d3752;color:#fff}.profile-table__table-row,.profile-table__title-wrapper{margin:2.5px 0;padding:0 10px;box-sizing:border-box}.profile-table__table-row{justify-content:space-between;background-color:hsla(0,0%,100%,.5);color:#2d3752}.profile-table__table-row,.table-row__value{display:flex;align-items:center}.table-row__image{height:25px}@media (max-width:400px){.profile-table__table-row,.profile-table__title-wrapper{min-height:35px;font-size:13px}}@media (min-width:400px){.profile-table__table-row,.profile-table__title-wrapper{min-height:40px;font-size:15px}}.history{display:flex;flex-direction:column;width:50%;margin:50px auto}.history__empty,.history__title{display:flex;align-items:center;height:50px;width:100%;margin:5px 0;padding:0 10px;box-sizing:border-box;font-size:17px}.history__title{justify-content:flex-start;background-color:#2d3752;color:#fff}.history__empty{justify-content:center;background-color:transparent;color:#2d3752}@media (max-width:768px){.history{width:90%}}@media (min-width:768px){.history{width:50%}}.history__element{position:relative;display:flex;justify-content:space-between;align-items:center;height:50px;width:100%;margin:5px 0;background-color:hsla(0,0%,100%,.5);color:#2d3752}.element__avatar{height:80%;margin:5px}.element__text-wrapper{display:flex;flex-direction:column;justify-content:space-around;height:100%;margin-right:auto}.element__nick-name{font-size:15px}.element__date{font-size:13px}.element__button-panel{position:absolute;right:50px;height:100%}.button-panel__button,.element__switch-display-button-panel{height:100%;width:50px;transition:.3s}.element__switch-display-button-panel{background-color:#2d3752}.element__switch-display-button-panel:hover{background-color:#1b2131}.button-panel__button:first-child{border-right:1.5px solid #fff;background-color:#ddc100}.button-panel__button:first-child:focus,.button-panel__button:first-child:hover{background-color:#aa9400}.button-panel__button:nth-child(2){border-right:1.5px solid #fff;background-color:#1bcb22}.button-panel__button:nth-child(2):focus,.button-panel__button:nth-child(2):hover{background-color:#159e1a}.button-panel__button:nth-child(3){border-right:1.5px solid #fff;background-color:#cc1818}.button-panel__button:nth-child(3):focus,.button-panel__button:nth-child(3):hover{background-color:#9e1313}.page-footer{display:flex;flex-direction:column;align-items:center;width:100%;padding:50px 0;box-sizing:border-box}.page-footer>*{margin:20px 0}
/*# sourceMappingURL=main.1f12df28.chunk.css.map */