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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main-list-screen{background-color:#fff;border:3px solid #bdbcbc;border-radius:10px;display:flex;flex-direction:column;margin:0;max-height:70vh;min-width:60vw;overflow-y:auto;padding:2vh}.search-main-area{align-items:center;display:flex;flex-direction:column;width:100%}.search-bar{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:1rem;margin-bottom:20px;margin-top:40px;padding:10px;width:90%}.filters-and-results{display:flex;gap:20px;margin-top:20px}.main-filter-screen{align-items:center;background-color:#fff;border:3px solid #bdbcbc;border-radius:10px;box-sizing:initial;display:flex;flex-direction:column;padding:2vh}.filter-buttons-column{flex:1 1;max-width:300px}.filter-buttons-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.filter-button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;padding:10px 25px;text-transform:capitalize;transition:transform .2s ease-in-out}.filter-button.active,.filter-button:hover{transform:scale(1.05)}.pokemon-list-container{border-radius:15px;flex:2 1;padding:20px}.pokemon-list,.pokemon-list-container{align-items:center;background-color:#fff;display:flex;flex-direction:column}.pokemon-list{border-radius:10px;justify-content:center;overflow:hidden;width:100%}.pokemon-item{color:#333;font-size:1.2rem;text-align:center;text-decoration:none;transition:background-color .2s;width:100%}.pokemon-item:not(:last-child){border-bottom:1px solid #ddd}.pokemon-item:last-child{border-bottom:none}.pokemon-item:hover{background-color:#f0f0f0}.pokemon-name{margin:10px 0}.pokemon-link{color:#333;font-size:1.2rem;font-weight:700;text-decoration:none}.blue-circle{align-items:center;background-color:#3498db;border:.25rem solid #fff;border-radius:50%;color:#0000;cursor:pointer;display:flex;height:2.5rem;justify-content:center;left:0;margin:.5rem;position:fixed;text-decoration:none;top:0;transition:transform .3s ease,background-color .3s ease;width:2.5rem;z-index:10}.blue-circle:hover{background-color:#1f78c1;transform:scale(1.1)}.blue-circle:after{color:#fff;content:"+";font-size:1.5rem;transition:color .3s ease}.blue-circle:hover:after{color:#fff}.no-results{font-size:1.2rem;margin:auto}.add-pokemon-link{display:flex;justify-content:center;margin-top:20px;text-decoration:none}.add-pokemon-button{background-color:#fff;border:3px solid #bdbcbc;border-radius:8px;color:#333;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 20px;text-transform:uppercase;transition:background-color .3s,transform .3s}.add-pokemon-button:hover{background-color:#fff;transform:scale(1.05)}.add-pokemon-button:active{background-color:#fff}.species-results-dropdown{background-color:#fff;border-radius:5px;max-height:150px;top:100%;z-index:1000}.selected-species{font-weight:700;margin-top:5px}@media (max-width:768px){.filters-and-results{flex-direction:column}.filter-buttons-grid{gap:.5rem;grid-template-columns:repeat(3,1fr);justify-content:center;max-width:none;width:100%}.filter-button{font-size:.8rem;max-width:100%;padding:5px 10px;text-align:center;white-space:nowrap;width:auto}.main-list-screen{margin-bottom:10%;max-height:30vh;padding:1vh}.blue-circle{position:fixed}}body{align-items:flex-start;justify-content:flex-start}.profile-container{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;margin-top:30px;padding:0 20px;position:relative;width:100%}.delete-button{background-color:#fff;border:none;border-radius:5px;box-shadow:0 4px 6px #0000001a;color:#000;cursor:pointer;font-size:16px;font-weight:700;margin:10px auto;padding:10px 20px;transition:background-color .3s ease}.delete-button:hover{background-color:#ff4949}.profile-main-screen{align-items:center;background-color:#fff;border:3px solid #bdbcbc;border-radius:10px;display:flex;flex-direction:column;height:70vh;margin:auto;padding:2vh 50px 2vh 2vh}.columns{align-items:flex-start;display:flex;flex:1 1;gap:10vw}.left-column{align-items:center;display:flex;flex:1 1;flex-direction:column}.poke-image{background-color:#dfe6e9;border-radius:10px;flex-shrink:0;height:300px;margin:0 auto;text-align:center;width:300px}.pokemon-profile-pic{border-radius:10px;box-shadow:0 4px 10px #0003}.poke-details{align-items:center;display:flex;flex-direction:column;gap:5px;margin-top:20px;text-align:center}.poke-name{font-size:2.5rem;font-weight:700;margin:0}.poke-species{font-size:1.1rem;margin-top:5px}.poke-types{display:flex;gap:1vh;margin-top:0}.type{border-radius:5px;color:#fff;font-size:.9em;padding:.5vh 1vh;text-transform:capitalize}.right-column{flex:1 1}.moves-section,.right-column{align-items:center;display:flex;flex-direction:column}.moves-section{margin-top:0}.moves-label{font-size:1.5rem;font-weight:700;margin-bottom:10px;margin-top:0;text-align:center}.moves-carousel-container{align-items:center;display:flex;justify-content:center;position:relative}.moves-group{grid-gap:10px;background-color:#a3d6f6;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);max-width:600px;padding:10px 30px;position:relative;width:100%}.move-item{align-items:center;background-color:#d4eaf9;border:none;border-radius:5px;color:#333;display:flex;font-weight:700;height:50px;justify-content:center;padding:0 10px;text-align:center;text-decoration:none;text-transform:capitalize;transition:box-shadow .3s ease}.move-item:hover{transform:scale(1.05)}.carousel-arrow{background-color:#a3d6f6;border:none;bottom:0;cursor:pointer;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:30px;z-index:2}.carousel-arrow:hover{opacity:.8}.moves-group:hover .carousel-arrow{opacity:1}.left-arrow{border-bottom-left-radius:10px;border-top-left-radius:10px;left:0}.right-arrow{border-bottom-right-radius:10px;border-top-right-radius:10px;right:0}.carousel-arrow:before{border-style:solid;content:"";display:block;height:0;margin:auto;width:0}.left-arrow:before{border-color:#0000 #333 #0000 #0000;border-width:10px 15px 10px 0}.right-arrow:before{border-color:#0000 #0000 #0000 #333;border-width:10px 0 10px 15px}.stats-section{margin-top:20px}.stats-label{font-size:1.5rem;font-weight:700;margin-bottom:10px;text-align:center}.stats-group{background-color:#a2d5a1;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:10px}.profile-stat-item{background-color:#d4eacb;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:5px;padding:5px}.profile-stat-name{font-weight:700}.profile-stat-value{margin-left:3vh}@media screen and (max-width:768px){.moves-group{grid-template-columns:repeat(2,1fr)}.carousel-arrow{font-size:.8rem;height:25px;width:25px}}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border:3px solid #bdbcbc;border-radius:10px;box-shadow:0 4px 8px #0003;padding:20px;position:relative;text-align:center;text-transform:capitalize;width:400px}.close-modal-button{background:none;border:none;color:#333;cursor:pointer;font-size:1.5rem;font-weight:700;position:absolute;right:10px;top:10px;transition:color .2s ease}.close-modal-button:hover{color:#aa302f}.pokemon-profile-pic{height:300px;width:300px}@media (max-width:768px){.columns{align-items:center;flex-direction:column;gap:2vh}.profile-main-screen{height:65vh;overflow-y:scroll;padding:15px}.profile-container{padding:0}.carousel-arrow{align-self:center}.modal-content{width:250px}}.pokedex{background-color:#c0392b;border-radius:10px;box-sizing:border-box;height:98vh;margin:0;max-height:800px;max-width:1200px;overflow:hidden;padding:0;position:relative;width:98vw}.top-bar{display:flex;justify-content:start;padding:1vh}.top-button{height:3vh;width:3vh}.blue-button,.top-button{border-radius:50%;margin-right:1vh}.blue-button{background-color:#3498db;border:5px solid #fff;height:7vh;width:7vh}.start-page{height:100vh;width:100vw}.start-page,.start-page-container{align-items:center;display:flex;justify-content:center}.start-page-container{background-color:#d14344;border-radius:15px;box-shadow:0 4px 8px #0000004d;flex-direction:column;height:90%;width:90%}.start-page-title{color:#fff;font-size:3rem;margin-bottom:2rem;text-align:center}.start-page-open-button{align-items:center;background-color:#3498db;border-radius:50%;box-shadow:0 4px 6px #0003;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:150px;justify-content:center;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;width:150px}.start-page-open-button:hover{box-shadow:0 6px 10px #0000004d;transform:scale(1.5)}.start-page-logo{margin-bottom:80px;max-width:600px;width:60%}@media (max-width:768px){.start-page-container{height:80%}}body{align-items:center;background-color:#aa302f;display:flex;font-family:Arial,sans-serif;justify-content:center;margin:0}#root,body{height:100vh;overflow:hidden;width:100vw}.header{display:grid;grid-template-columns:1fr 1fr;height:65px}.top-left{grid-column:1}.top-left,.top-right{background-color:#d14344;grid-row:1}.top-right{grid-column:2}.middle{display:grid;grid-column:1/3;grid-row:2;grid-template-columns:1fr 20px 1fr}.middle-left{background-color:#d14344;grid-column:1}.diagonal{background:linear-gradient(to bottom right,#d14344 50%,#aa302f 0)}.middle-right{background-color:#aa302f;grid-column:3}.main-add-screen{background-color:#fff;border:3px solid #bdbcbc;border-radius:15px;height:90vh;justify-content:flex-start;margin:5vh auto 0;max-width:1100px;overflow:hidden;padding:2rem;width:95%}.form-container,.main-add-screen{align-items:center;display:flex;flex-direction:column}.form-container{flex:1 1;gap:1.5rem;overflow-y:auto;width:100%}.back-link{align-self:flex-start;font-size:1rem;margin-bottom:1rem;text-decoration:none}.back-link,.form-title{color:#333;font-weight:700}.form-title{font-size:2rem;margin:0}.custom-form{gap:1.5rem;margin-bottom:100px}.custom-form,.form-group{display:flex;flex-direction:column;width:100%}.form-group{align-items:center;gap:.5rem}label{color:#555;font-size:1.1rem;font-weight:700}.add-pokemon-input{border:2px solid #dfe6e9;border-radius:10px;box-shadow:0 4px 6px #0000001a;font-size:1rem;max-width:800px;padding:.8rem;text-align:center;width:100%}.type-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(9,1fr);justify-content:center;max-width:600px;width:100%}.type-button{border:2px solid #0000;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;padding:10px 15px;text-transform:capitalize;transition:transform .2s ease-in-out,border-color .3s ease-in-out}.type-button:hover{transform:scale(1.05)}.type-button.active{border-color:#000}.add-stat-input-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-evenly;max-width:1000px;width:100%}.add-stat-item{align-items:center;background-color:#b2b2b2;border-radius:5px;display:flex;flex:1 1;flex-direction:column;gap:.3rem;max-width:100px;padding:5px}.add-stat-label{color:#555;font-size:.8rem;font-weight:700;text-align:center;text-transform:capitalize;white-space:nowrap}.add-stat-input{border:2px solid #dfe6e9;border-radius:8px;box-shadow:0 4px 6px #0000001a;font-size:.9rem;padding:.6rem;width:100%}.submit-button{align-self:center;background-color:#3498db;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:1rem 2rem;transition:background-color .3s ease,transform .2s ease}.submit-button:hover{background-color:#2980b9;transform:scale(1.05)}.add-moves-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin:0;max-width:800px;padding:0;position:relative;width:100%}.add-moves-list{display:flex;flex-wrap:wrap;gap:5px;list-style:none;margin:2px 0 0;padding:0;width:75%}.add-move-item{align-items:center;background-color:#f0f0f0;border:1px solid #ccc;border-radius:5px;display:flex;font-size:.9rem;justify-content:space-between;padding:5px 10px}.remove-move-button{background:none;border:none;color:#d9534f;cursor:pointer;font-size:1rem;margin-left:5px}.add-move-input{border:2px solid #dfe6e9;border-radius:10px;font-size:1rem;padding:.8rem;text-align:center}.add-move-input,.move-results-dropdown{box-shadow:0 4px 6px #0000001a;margin:0;width:100%}.move-results-dropdown{background:#fff;border:1px solid #ccc;border-radius:5px;left:0;max-height:200px;overflow-y:auto;padding:0;position:absolute;top:calc(100% + 5px);z-index:10}.move-result-item{cursor:pointer;font-size:.9rem;padding:10px;transition:background .3s ease-in-out}.move-result-item:hover{background:#f0f0f0}.add-species-container{flex-direction:column;max-width:800px;width:100%}.add-species-container,.species-input-wrapper{align-items:center;display:flex;position:relative}.add-species-input{text-align:center}.add-species-input,.selected-species-display{border:2px solid #dfe6e9;border-radius:10px;font-size:1rem;padding:.8rem;width:100%}.selected-species-display{align-items:center;background-color:#f9f9f9;display:flex;justify-content:space-between}.selected-species-display span{flex:1 1;text-align:center}.clear-species-button{background:none;border:none;color:#d9534f;cursor:pointer;font-size:1.2rem;margin-left:10px}.species-results-dropdown{background:#fff;border:1px solid #ccc;box-shadow:0 4px 6px #0000001a;left:0;margin:0;max-height:200px;overflow-y:auto;padding:0;position:absolute;top:calc(100% + 5px);width:100%;z-index:10}.species-result-item{cursor:pointer;list-style-type:none;padding:10px;transition:background-color .3s ease-in-out}.species-result-item:hover{background-color:#f0f0f0}@media (max-width:768px){.main-add-screen{margin:5% auto;padding:1rem;width:85%}.custom-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:50px}.type-buttons{display:flex;flex-wrap:wrap}.add-stat-input-group,.type-buttons{gap:.5rem;justify-content:center}.add-stat-item{border-radius:5px;flex:0 1 45%;max-width:45%}.add-stat-input{border-radius:5px;gap:.5rem;padding:5px;width:90%}.add-pokemon-input{width:90%}.add-species-container{width:85%}.add-move-input{width:90%}.add-moves-container{width:85%}}
/*# sourceMappingURL=main.ae91eb47.css.map*/