html{font-size:62.5%}body{color:#eee;font-family:"Roboto",sans-serif;background:#222831}body,h1,h2,h3,h4,h5,h6,p{margin:0}.App{overflow:hidden;background:#393e46}p{font-weight:300;font-size:1.5rem}header{display:flex;height:8rem;flex-basis:100%;padding:0 1.2rem;align-items:center;background:#222831}@media (min-width:992px){header{height:12rem;padding:0 3.2rem}}header .logo{display:flex;color:#fff;align-items:center;text-decoration:none}header .navigation-item{opacity:.5;color:#eee;font-weight:700;font-size:1.4rem;margin-left:auto;text-decoration:none;text-transform:uppercase;transition:opacity .25s ease-in-out}header .navigation-item:hover{opacity:1}header img{width:5rem;height:5rem;margin-right:1.8rem}@media (min-width:992px){header img{width:8rem;height:8rem}}header h1{font-size:4.2rem;font-family:"Medula One",cursive}@media (min-width:992px){header h1{font-size:5.4rem}}header h1 .accent{color:#e2b969}header h1 .sub-title{display:block;font-weight:300;font-size:1.2rem;font-family:"Roboto",sans-serif}@media (min-width:992px){header h1 .sub-title{font-size:1.6rem}}main{display:flex;align-items:center;flex-direction:column;justify-content:center;height:calc(100vh - 8rem)}@media (min-width:992px){main{flex-direction:row;height:calc(100vh - 12rem)}}.updates{height:100%;width:32rem;display:flex;padding-top:2.4rem;align-items:center;flex-direction:column}@media (min-width:992px){.updates{height:auto;padding-top:4.8rem;align-self:flex-start}}.updates>p{margin-bottom:3.2rem;align-self:flex-start}.updates .update-card{width:100%;position:relative;background:#222831;margin-bottom:2.4rem;padding:1.2rem 2.4rem;box-sizing:border-box}.updates .update-card.added{border-left:.2rem solid #58dd5c}.updates .update-card.fixed{border-left:.2rem solid #2a7af3}label,select{display:block}label{font-size:1.5rem;font-weight:700;margin-bottom:.8rem}.calculator{z-index:2;display:flex;padding:1.2rem;flex-basis:100%;position:relative;border-radius:.2rem;flex-direction:column;width:calc(100% - 2.4rem)}@media (min-width:992px){.calculator{width:auto;padding:2.5rem;flex-basis:40rem}}.calculator .calculator-wrapper{background:#222831;padding:3.2rem 2.4rem}.calculator .calculator-wrapper input{display:block;width:100%;border:none;color:#eee;margin-bottom:2.4rem;padding:.8rem 1.2rem;box-sizing:border-box;background:#393e46}.calculator .calculator-wrapper h2{color:#e2b969;font-weight:700;font-size:2.4rem;padding:1.2rem 0;text-transform:capitalize;transition:all .3s ease-in-out}.calculator .calculator-wrapper .skill-select{cursor:pointer;position:relative;margin-bottom:1.4rem}.calculator .calculator-wrapper .skill-select:hover:before{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.calculator .calculator-wrapper .skill-select:hover h2{padding-left:2.4rem;background:#393e46}.calculator .calculator-wrapper .skill-select:hover .custom-dropdown{padding:1.2rem;max-height:40rem}.calculator .calculator-wrapper .skill-select:before{content:"";width:0;height:0;top:2.4rem;right:2.4rem;position:absolute;border-top:.6rem solid #e2b969;transition:all .3s ease-in-out;border-left:.6rem solid transparent;border-right:.6rem solid transparent}.calculator .calculator-wrapper .skill-select .custom-dropdown{display:flex;width:100%;max-height:0;text-align:left;overflow:hidden;position:absolute;padding:0 1.2rem;background:#393e46;flex-direction:column;box-sizing:border-box;transition:all .3s ease-in-out;box-shadow:.4rem .4rem .4rem rgba(0,0,0,.2)}.calculator .calculator-wrapper .skill-select .custom-dropdown .option{border:none;cursor:pointer;background:none;color:#eee;padding:.6rem 0;transition:color .3s ease-in-out}.calculator .calculator-wrapper .skill-select .custom-dropdown .option:hover{color:#e2b969}.recipes-wrapper{flex-basis:100%;position:relative;overflow-y:scroll;overflow-x:hidden;align-self:flex-start;max-height:calc(100vh - 8rem)}@media (min-width:992px){.recipes-wrapper{flex-basis:calc(100% - 45rem);max-height:calc(100vh - 12rem)}}.recipes-wrapper::-webkit-scrollbar{width:1.2rem}.recipes-wrapper::-webkit-scrollbar-track{background:#222831}.recipes-wrapper::-webkit-scrollbar-thumb{border-radius:2rem;background-color:#e2b969;border:.2rem solid #222831}.recipes-wrapper .recipe-card{width:100%;margin-bottom:.2rem;padding:.8rem 1.2rem;box-sizing:border-box;background:#2c3441;border-left:.2rem solid #58dd5c}.recipes-wrapper .recipe-card.header{top:0;border:none;position:-webkit-sticky;position:sticky;background:#393e46}.recipes-wrapper .recipe-card.header img{opacity:0}.recipes-wrapper .recipe-card.header p{font-weight:700}.recipes-wrapper .recipe-card.inside-levels{border-color:#e2b969}.recipes-wrapper .recipe-card.outside-levels{border-color:#dd5858}.recipes-wrapper .recipe-card:nth-child(2n){background:#222831}.recipes-wrapper .recipe-card p{margin:0;overflow:hidden;font-size:1.2rem;white-space:nowrap;text-overflow:ellipsis}@media (min-width:992px){.recipes-wrapper .recipe-card p{font-size:1.5rem}}.recipes-wrapper .recipe-card p:nth-of-type(3),.recipes-wrapper .recipe-card p:nth-of-type(4),.recipes-wrapper .recipe-card p:nth-of-type(5){text-align:center}.recipes-wrapper .recipe-card .recipe-info{display:-ms-grid;display:grid;grid-column-gap:2rem;-ms-grid-columns:6fr 0 2fr 2fr 2fr;grid-template-columns:6fr 0 2fr 2fr 2fr}@media (min-width:992px){.recipes-wrapper .recipe-card .recipe-info{-ms-grid-columns:12px 4fr 2fr 2fr 2fr 2fr;grid-template-columns:12px 4fr 2fr 2fr 2fr 2fr}}.recipes-wrapper .recipe-card .recipe-info img{display:none}@media (min-width:992px){.recipes-wrapper .recipe-card .recipe-info img{display:block}}
/*# sourceMappingURL=main.de75872e.chunk.css.map */