.headings_container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:50px 0}.main_heading{color:#fff;font-size:40px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;justify-content:center;text-align:center;align-items:center;padding:10px 0;font-size:45px}.main_sub_heading{color:#fff;font-size:18px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;justify-content:center;text-align:center;align-items:center;font-size:20px;margin-bottom:50px}.main_container{background-color:#020817;width:100%;min-height:100vh}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.container .search_header{display:flex;gap:10px;width:100%;align-items:center;justify-content:center;margin-top:30px}.container .search_header input{width:91%;height:45px;border-radius:4px;border:none;padding:20px 10px;font-size:20px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;outline:none}.pals_container{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;margin-top:20px;gap:25px;width:95%;height:90vh;overflow-y:scroll;padding-bottom:100px;margin-bottom:40px}.pals_container::-webkit-scrollbar{width:10px}.pals_container::-webkit-scrollbar-thumb{background-color:#032573;border-radius:10px}.pals_container::-webkit-scrollbar-track{background-color:#020817;border-radius:10px}.no_found{color:#fff;font-size:30px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;margin-top:50px}.single_pal{padding-left:6px;z-index:9999;width:200px;height:230px;background-color:#020817;border-radius:10px;margin:10px;display:flex;gap:10px;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 0 10px #fff;transition:.5s;cursor:pointer;position:relative}.single_pal:hover{transform:scale(1.04);box-shadow:0 0 10px #032573}.single_pal img{width:100px;height:100px;border-radius:50%;margin-bottom:10px}.single_pal h2{color:#fff;font-size:20px;margin-bottom:10px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.breeding-calculator_container{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;margin-top:20px;margin-bottom:30px}.parents{display:flex;align-items:center;justify-content:center;gap:20px;width:33%}.parent1,.parent2{width:100%;height:200px;background-color:#020817;border-radius:10px;display:flex;border:1px solid #02479c95;padding:10px 20px;text-align:center;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:20px;font-family:Verdana,Geneva,Tahoma,sans-serif;cursor:pointer;transition:.3s}.parent1 img,.parent2 img{width:100px;height:100px;border-radius:50%;margin-bottom:10px}.parent1.selected,.parent2.selected{background-color:#032573}.child{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:14%;border-radius:5px;height:200px;border:1px solid #fff34dae}.child button,.calculate_btn{background-color:#032573;color:#fff;border:none;border-radius:5px;padding:10px 20px;font-size:18px;cursor:pointer;transition:.3s}.child button:hover{background-color:#02489c}.child h2{color:#fff;margin-top:10px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.child img{width:120px;height:110px;margin:0 auto;border-radius:50%}.single_pal button{border:1px solid #fff;border-radius:30px;padding:8px 15px;min-width:80px;font-size:12px;cursor:pointer;transition:.3s;background-color:transparent;color:#fff;font-family:Verdana,Geneva,Tahoma,sans-serif}.single_pal button.common_btn{border:1px solid gray;color:gray}.single_pal button.rare_btn{border:1px solid #6A92FF;color:#6a92ff}.single_pal button.epic_btn{border:1px solid #CC49BB;color:#cc49bb}.single_pal button.legendary_btn{border:1px solid #FF9557;color:#ff9557}.pal_type_list{display:flex;margin-top:20px;justify-content:center;align-items:center;flex-direction:column;position:absolute;top:-6px;left:7px}.pal_type_list img{width:30px;height:30px;border-radius:50%;cursor:pointer;transition:.3s}@media screen and (max-width:786px){.breeding-calculator_container{flex-direction:column;gap:40px}.parents{flex-direction:column}.search_header input{width:80%!important}.child{width:35%}}*{margin:0;padding:0;box-sizing:border-box}