@import url(https://fonts.googleapis.com/css2?family=Mochiy+Pop+One&family=Roboto+Mono:wght@400;500;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,button{font-family:Roboto Mono,monospace}*{scrollbar-color:#7e7e7e #494949;scrollbar-width:auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#494949}::-webkit-scrollbar-thumb{background-color:#7e7e7e}h1{font-family:Mochiy Pop One,sans-serif;font-size:clamp(3rem,5vw,5rem)}a{color:#f2f2f2;display:inline-block;text-decoration:none}.container{margin-inline:10%}.flex-container{align-items:center;display:flex;flex-direction:column;gap:2rem}@media screen and (min-width:750px){.flex-container{align-items:normal;flex-direction:row;margin-top:2rem}}.flex-container .filter-box-container{border:1px solid #f2f2f2;border-radius:5px;color:#f2f2f2;display:flex;flex-direction:column;gap:1rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding-block:1rem;padding-inline:.5rem;width:300px}@media screen and (min-width:750px){.flex-container .filter-box-container{position:-webkit-sticky;position:sticky;top:10%}}.flex-container .heroes_grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));place-items:center;width:100%}@media screen and (min-width:750px){.flex-container .heroes_grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));place-items:unset}}.card{border-radius:5px;color:#f2f2f2;display:flex;height:400px;position:relative;width:300px}.card:before{background:#fff;background:linear-gradient(180deg,hsla(0,0%,100%,0),rgba(0,0,0,.373) 60%,rgba(0,0,0,.827));border-radius:0 0 5px 5px;content:"";inset:0;position:absolute}.card .card-content{align-self:flex-end;margin-block:2rem;margin-inline:1rem;width:100%;z-index:1}.card .skill-row{display:flex;justify-content:space-between;margin-top:.5rem}.card .card-skill{box-shadow:0 0 3px #f2f2f2;height:40px;width:40px}.card .flex{display:flex}.card .icon{height:25px;width:25px}.group{position:relative;width:100%}.group .form-input{background:none;background-color:#fff;border:none;border-bottom:1px solid gray;border-radius:5px;color:#333;display:block;font-size:18px;padding:10px 10px 10px 5px;width:100%}.group .form-input:focus{outline:none}.group .form-input:focus~.form-input-label{color:#f2f2f2;font-size:12px;font-weight:500;left:5px;top:-16px}.group input[type=password]{letter-spacing:.3em}.group .form-input-label{color:gray;font-size:16px;font-weight:400;left:25px;pointer-events:none;position:absolute;top:10px;transition:all .3s ease}@media screen and (min-width:900px){.group .form-input-label{left:5px}}.group .form-input-label.shrink{color:#f2f2f2;font-size:12px;font-weight:500;left:5px;top:-16px}.select_input_group{width:100%}.select_input{background:none;background-color:#fff;border:none;border-bottom:1px solid gray;border-radius:5px;color:#333;display:block;font-size:18px;padding:10px 10px 10px 5px;width:100%}.abilities_grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));place-items:center;width:100%}@media screen and (min-width:750px){.abilities_grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));place-items:unset}}.ability-card{background-color:#2c2c2c;border:1px solid #f2f2f2;border-radius:5px;color:#f2f2f2;overflow-y:auto;padding-block:1rem;padding-inline:1rem;width:300px}@media screen and (min-width:750px){.ability-card{height:250px;width:350px}}.ability-card .title{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.ability-card .title h2{border-bottom:1px solid #f2f2f2;width:100%}.ability-card .title img{height:30px;width:30px}.ability-card .inside-content p>span:not(:last-child):after{content:"|"}.ability-card .inside-content p:nth-child(2){margin-top:1rem}.ability-card .inside-content .strong{font-weight:700}.home_section{font-family:Mochiy Pop One,sans-serif}.home-hero{align-items:center;display:flex;flex-direction:column;height:70vh;justify-content:center}.home-hero p{color:#f2f2f2;font-family:Roboto Mono,sans-serif;line-height:23px}@media screen and (min-width:900px){.home-hero p{font-size:1.2rem;line-height:33px;margin-top:2rem;width:70ch}}.home_link_container{grid-gap:3rem;display:grid;gap:3rem;justify-items:center}@media screen and (min-width:900px){.home_link_container{grid-template-columns:repeat(2,1fr);margin-top:2rem;margin-inline:auto;max-width:900px}}.home_link{align-items:center;background-color:rgba(51,51,51,.85);border:5px solid #f2f2f2;border-radius:5px;display:flex;flex-direction:column;font-size:2rem;height:200px;justify-content:center;padding:1rem;position:relative;-webkit-transform:scale(1);transform:scale(1);transition-duration:.3s;transition-property:all;transition-timing-function:ease-in;width:100%}@media screen and (min-width:900px){.home_link{max-width:400px;min-width:300px}}.home_link:after{background-color:#970303;content:"";inset:0;position:absolute;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center;transform-origin:center;transition-duration:.3s;transition-property:all;transition-timing-function:ease-in;z-index:-1}.home_link:is(:focus,:hover){-webkit-transform:scale(1.2);transform:scale(1.2)}.home_link:is(:focus,:hover):after{-webkit-transform:scale(1);transform:scale(1)}p>em{font-size:.8rem}@media screen and (min-width:900px){p>em{font-size:1rem}}.home-bg-links{display:flex;flex-direction:column;gap:2rem;margin-block:3rem}@media screen and (min-width:900px){.home-bg-links{margin-block:5rem}}.home-bg-link{align-items:flex-start;background-size:cover;display:flex;-webkit-filter:drop-shadow(20px 10px 20px #000);filter:drop-shadow(20px 10px 20px black);height:30vh;justify-content:flex-start;overflow:hidden;padding-block:3rem;position:relative;width:100%}.home-bg-link:hover .first-animation,.home-bg-link:hover .second-animation{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:in;animation-name:in}.home-bg-link:hover .second-animation{-webkit-animation-delay:50ms;animation-delay:50ms}.home-bg-link:hover .first-animation-reverse,.home-bg-link:hover .second-animation-reverse{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:in-reverse;animation-name:in-reverse}.home-bg-link:hover .second-animation-reverse{-webkit-animation-delay:50ms;animation-delay:50ms}.home-bg-link .first-animation{-webkit-clip-path:polygon(75% 0,100% 50%,75% 100%,25% 100%,50% 50%,25% 0);clip-path:polygon(75% 0,100% 50%,75% 100%,25% 100%,50% 50%,25% 0)}.home-bg-link .first-animation,.home-bg-link .second-animation{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:out;animation-name:out;background-color:hsla(0,0%,95%,.475);-webkit-filter:blur(25px);filter:blur(25px);height:100%;position:absolute;top:0;translate:-100vw;width:30%}.home-bg-link .second-animation{-webkit-clip-path:polygon(75% 0,100% 50%,75% 100%,60% 100%,85% 50%,60% 0);clip-path:polygon(75% 0,100% 50%,75% 100%,60% 100%,85% 50%,60% 0);right:16%}.home-bg-link .first-animation-reverse{-webkit-clip-path:polygon(25% 0,0 50%,25% 100%,75% 100%,50% 50%,75% 0);clip-path:polygon(25% 0,0 50%,25% 100%,75% 100%,50% 50%,75% 0)}.home-bg-link .first-animation-reverse,.home-bg-link .second-animation-reverse{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:out-reverse;animation-name:out-reverse;background-color:hsla(0,0%,95%,.475);-webkit-filter:blur(25px);filter:blur(25px);height:100%;position:absolute;top:0;translate:100vw;width:30%}.home-bg-link .second-animation-reverse{-webkit-clip-path:polygon(25% 0,0 50%,25% 100%,40% 100%,15% 50%,40% 0);clip-path:polygon(25% 0,0 50%,25% 100%,40% 100%,15% 50%,40% 0);left:16%}.home-bg-link:nth-child(2n){align-items:flex-end}.home-bg-link:nth-child(odd){align-items:flex-end;justify-content:flex-end}.home-bg-link p{-webkit-filter:drop-shadow(5px 5px 3px #000);filter:drop-shadow(5px 5px 3px black);font-size:clamp(2rem,5vw,4rem)}@media screen and (min-width:900px){.home-bg-link{height:60vh;padding-block:5rem}}@-webkit-keyframes in{0%{translate:-100vw}to{translate:0}}@keyframes in{0%{translate:-100vw}to{translate:0}}@-webkit-keyframes out{0%{translate:0}to{translate:100vw}}@keyframes out{0%{translate:0}to{translate:100vw}}@-webkit-keyframes in-reverse{0%{translate:100vw}to{translate:0}}@keyframes in-reverse{0%{translate:100vw}to{translate:0}}@-webkit-keyframes out-reverse{0%{translate:0}to{translate:-100vw}}@keyframes out-reverse{0%{translate:0}to{translate:-100vw}}.button{align-items:center;background-color:#f2f2f2;border:2px solid #f2f2f2;border-radius:5px;color:#333;cursor:pointer;display:flex;font-weight:700;justify-content:center;padding-block:.5rem;padding-inline:1rem;transition:all .3s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.button:is(:hover,:focus){background-color:#333;color:#f2f2f2}.builds_grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem;place-items:center;width:100%}@media screen and (min-width:750px){.builds_grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));place-items:unset}}.build_container{background-color:#333;border:3px solid #f2f2f2;border-radius:5px;color:#f2f2f2;display:flex;flex-direction:column;padding-block:2rem;padding-inline:5rem;position:relative;width:300px}@media screen and (min-width:750px){.build_container{width:400px}}.build_container .icons_group{display:flex;font-size:1.2rem;gap:.2rem;position:absolute;right:30px;top:30px}.build_container .icons_group svg{cursor:pointer}.build_container ul{display:flex;flex-direction:column;list-style-position:inside}h5{margin-bottom:2rem}h3>span{font-weight:400}.new_build_container{display:flex;flex-direction:column;gap:3rem;margin-top:2rem}@media screen and (min-width:900px){.new_build_container{flex-direction:row}}.form_new_build{background-color:#333;border:3px solid #f2f2f2;border-radius:5px;color:#f2f2f2;display:flex;flex-direction:column;padding-block:2rem;padding-inline:1rem}@media screen and (min-width:900px){.form_new_build{width:50%}}.form_new_build .form_new_build_section{display:flex;gap:1rem;margin-bottom:1.5rem}.form_new_build svg{font-size:1rem}.form_new_build h3{color:#f2f2f2;margin-bottom:3rem}.form_new_build h4{color:#f2f2f2;font-size:1.5rem;font-weight:500}.form_new_build h4+h4{margin-top:1rem}.form_new_build h4>span{font-weight:300;text-decoration:underline}.form_overview_build{background-color:#333;border:3px solid #f2f2f2;border-radius:5px;color:#f2f2f2;display:flex;flex-direction:column;margin-inline:auto;padding-block:2rem;padding-inline:5rem;width:100%}.form_overview_build .form_new_build_section{display:flex;gap:1rem;margin-bottom:1.5rem}.form_overview_build svg{font-size:1rem}.form_overview_build h3{color:#f2f2f2;margin-bottom:3rem}.form_overview_build h4{color:#f2f2f2;font-size:1.5rem;font-weight:500}.form_overview_build h4+h4{margin-top:1rem}.form_overview_build h4>span{font-weight:300;text-decoration:underline}.single_button{height:43px}.buttons_group,.single_button{display:flex;justify-content:flex-end;margin-top:auto}.buttons_group button:last-child{margin-left:.5rem}.container_item_box{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.item_box{align-items:center;border:1px solid #f2f2f2;border-radius:5px;color:#f2f2f2;display:flex;font-size:1rem;margin-top:.5rem;padding-block:.5rem;padding-inline:.5rem;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.item_box>svg{cursor:pointer;margin-left:.5rem}.green{background-color:green}.yellow{background-color:#ce6e00}.red{background-color:#920000}.blue{background-color:#00a}@media screen and (min-width:900px){.form_overview_build{width:50%}}.no_result_container{grid-gap:2rem;align-items:center;display:grid;gap:2rem;height:100vh;isolation:isolate;place-content:center;position:relative}.no_result_container:before{background-color:rgba(43,43,43,.836);content:"";inset:0;position:absolute;z-index:-1}h1{color:#f2f2f2;padding-block:2rem;text-align:center;text-transform:uppercase}.items_grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));place-items:center;width:100%}@media screen and (min-width:750px){.items_grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));place-items:unset}}.item-card{background-color:#2c2c2c;border:1px solid #f2f2f2;border-radius:5px;color:#f2f2f2;overflow-y:auto;padding-block:1rem;padding-inline:1rem;width:300px}@media screen and (min-width:750px){.item-card{height:250px;width:350px}}.item-card .title{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.item-card .title h2{border-bottom:1px solid #f2f2f2;width:100%}.item-card .title img{height:30px;width:30px}.item-card .inside-content p>span:not(:last-child):after{content:"|"}.item-card .inside-content p:nth-child(2){margin-top:1rem}.item-card .inside-content .strong{font-weight:700}nav{background-color:rgba(56,56,56,.5);font-family:Mochiy Pop One,sans-serif;position:relative;transition:all .3s ease-in;width:100%;z-index:20}nav .nav_bar{align-items:center;display:flex;height:50px}@media screen and (min-width:900px){nav .nav_bar{height:auto}}nav .nav_bar .nav-menu{color:#f2f2f2;cursor:pointer;display:flex;font-size:3rem;margin-left:auto}@media screen and (min-width:900px){nav .nav_bar .nav-menu{display:none}}nav .nav_bar ul.ul_menu{-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background-color:#383838;display:flex;flex-direction:column;gap:2rem;height:calc(100vh - 50px);list-style:none;padding-top:2rem;position:absolute;right:0;top:50px;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:all .3s ease .3s;width:100vw;z-index:20}@media screen and (min-width:900px){nav .nav_bar ul.ul_menu{background-color:initial;flex-direction:row;height:auto;justify-content:space-between;padding-top:0;position:static;top:0;-webkit-transform:translateX(0);transform:translateX(0)}}nav .nav_bar ul.ul_menu.visible{-webkit-transform:translateX(0);transform:translateX(0)}nav .nav_bar ul.ul_menu .nav_link{color:#f2f2f2;cursor:pointer;font-size:1.5rem;padding-block:1rem;padding-inline:1rem;text-align:center;text-transform:uppercase;transition-duration:.2s;transition-property:background-color;transition-timing-function:ease-in;width:100%}nav .nav_bar ul.ul_menu .nav_link:is(:focus,:hover){background-color:#f2f2f2;color:#383838}@media screen and (min-width:900px){nav .nav_bar ul.ul_menu .nav_link{width:auto}}.scrollFixed{position:fixed}.layout{isolation:isolate;min-height:100vh;position:relative}.layout:before{background-color:rgba(43,43,43,.85);content:"";inset:0;position:absolute;z-index:-1}.outlet_section{padding-block:3rem}@media screen and (min-width:900px){.outlet_section{padding-block:5rem}}
/*# sourceMappingURL=main.08af7e4e.css.map*/