@import"https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500&display=swap";html{overflow-y:scroll}ul,p{text-align:left;list-style:none;margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-transform:capitalize}h1{font-size:16px;font-weight:500}h3{font-size:30px;font-weight:500}p{font-size:15px;font-weight:500}button{font:inherit;border:initial;outline:initial;background-color:initial}form{display:block;margin-top:0}input{border:initial;outline:initial;font:inherit}footer{max-width:100px;padding:100px}.logo{text-align:center;color:#2e86de;font-size:3em;margin:40px 0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.controls{display:flex;flex-direction:column;align-items:center;gap:10px}.controls-top{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;align-items:center}.pal-counter{background:#2e86de1a;border:2px solid #2e86de;border-radius:.75rem;padding:.5rem 1rem;margin:.5rem 0;box-shadow:0 2px 8px #2e86de26;transition:all .2s ease}.pal-counter:hover{background:#2e86de26;box-shadow:0 4px 12px #2e86de33}.counter-text{font-weight:600;font-size:1rem;color:#2e86de;letter-spacing:.5px}.search-bar{width:50%;margin-top:8px;align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;box-sizing:border-box}.search{width:100%;position:relative;animation:intro .3s .1s backwards;padding:4px}.search>button{cursor:pointer;position:absolute;top:15px;left:10px}.search>button>i{transition:all .2s;color:#000000ba}.search__icon:hover,.search__icon:focus{color:#000000ed}.search input{width:100%;padding:.75rem .75rem .75rem 32px;color:#000;background-color:#ddd;border:0;outline:0;box-sizing:border-box;transition:all .25s ease;border-bottom:#000000;border-radius:.25rem}.search input::selection{background-color:#ec000040}.search input:hover,.search input:focus{background-color:#fff}.search input:focus{box-shadow:0 0 0 4px #b9adade9;border-bottom:#3700fd}.search input::placeholder{color:#000000b3;font-weight:500;font-size:15px}.search__input--invalid{box-shadow:0 0 0 4px #ffffffba}.filter-bar{background:#ffffff1a;border-radius:1rem;padding:1.5rem 1rem;margin:1rem 0;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;box-shadow:0 2px 8px #00000012}.work-filter,.element-filter{flex:1 1 220px;min-width:180px}.work-filter p,.element-filter p{font-weight:700;font-size:1.1rem;margin-bottom:.75rem;color:#2e86de;letter-spacing:.5px}.work-list,.element-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.filter__button{background:#181c24;border:2px solid transparent;border-radius:.75rem;box-shadow:0 1px 4px #2e86de12;padding:.25rem;transition:border .2s,box-shadow .2s,background .2s,box-shadow .2s;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.filter__button:hover{border:2px solid #2e86de;background:#232946;box-shadow:0 2px 8px #2e86de2e;z-index:1}.filter__button--active{border:2px solid #22c55e;background:#22c55e33;box-shadow:0 2px 8px #22c55e40;z-index:2}.filter__button.filter__button--active:hover{background:#22c55e66;box-shadow:0 4px 16px 2px #22c55e40}.element-img{width:32px;height:32px;display:block}.container{box-sizing:border-box;clear:both;display:block;margin:0 auto;overflow:hidden;position:relative}.item-list{display:grid;gap:2rem 1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:2rem;text-align:center}.item{position:relative;margin:10px;box-sizing:border-box;border-radius:1rem;background:linear-gradient(180deg,#050125 10%,#0080ffae);overflow:hidden;transition:all .3s ease-in-out}.item:hover{transform:scale(1.1)}.pal-id{margin:15px;padding:5px;text-align:center;position:absolute;background-color:#000;border-radius:.6rem;z-index:2}.pal-img{max-width:100%;max-height:100%;border-radius:0 0 50% 50%;border-bottom:1px solid rgb(31,65,69);transition:transform .3s ease;z-index:1}.pal-info-box{padding-bottom:20px;text-align:center}.pal-name{margin:10px 2px}.pal-work{margin:10px 2px;text-align:center;min-height:114px}.pal-work ul{margin:2px;display:flex;flex-wrap:wrap;text-align:center;justify-content:center}.pal-work ul li{display:flex;margin:1px;text-align:center;align-items:center;font-size:13px;background-color:#000;border-radius:.6rem;padding:3px 15px}.qualifications__item{font-size:13px;background-color:#e6ebee;border-radius:2px;padding:6px 10px;color:#494d4f}.pal-types{display:flex;flex-direction:column;position:absolute;flex-wrap:wrap;top:0;right:0;z-index:2;margin:15px;gap:3px;text-align:center;align-items:center}.pal-element{background-color:#e6ebee;padding:5px;color:#494d4f;border:2px solid black;border-radius:.6rem;text-align:center;align-items:center}@media (max-width: 1179px){.controls{width:100%}.search-bar{width:90%}}@media (max-width: 1153px){.search-bar{width:70%}}.neutral{background-color:#c7b0a7;color:#000}.fire{background-color:red;color:#fff}.water{background-color:#1900ff;color:#fff}.electric{background-color:#dbb50b;color:#000}.grass{background-color:#2bff00;color:#000}.dark{background-color:#2c1a0b;color:#fff}.dragon{background-color:#a54ac7;color:#fff}.ground{background-color:#ab6f3a;color:#fff}.ice{background-color:#8ad8de;color:#000}:root{padding:1rem;box-sizing:border-box;text-align:center;font-family:Nunito,sans-serif;line-height:1.5;font-weight:400;display:block;max-width:1980px;margin:0 auto;color-scheme:light dark;color:#ffffffde;background-image:radial-gradient(ellipse,#180082,#001e4f);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}