.welcomePage{color:white;position:absolute;top:10%;left:20%;text-align:center;width:50%}.welcomePage h1{font-size:50px}.welcomePage h2{font-size:35px}.filterContainerMain{position:relative;top:20%;padding:4%;margin-top:3%;background-color:black;border-radius:10px;z-index:1;border:2px solid white;font-size:20px;font-weight:800;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;opacity:.9}.mainCategory2{text-decoration:none;color:white;border-style:solid;border-radius:10px;padding:3%}.mainCategory2:hover{text-decoration:none;animation-name:"baby";border-color:rgb(50,224,50);animation-duration:.5s}.link{color:white}.link,.link:hover{text-decoration:none}.link:hover{color:rgb(50,224,50);animation-name:"baby";animation-duration:.5s}@keyframes baby{0%{color:azure}to{color:rgb(50,224,50)}}@keyframes baby2{0%{border-color:azure;color:azure}to{border-color:rgb(50,224,50);color:rgb(50,224,50)}}@media screen and (max-width:500px) and (orientation:portrait){.welcomePage{color:white;position:absolute;top:10%;left:0;text-align:center;width:100%;height:100%}.welcomePage h1{font-size:30px}.welcomePage h2{font-size:15px}.filterContainerMain{position:relative;top:5%;padding:4%;width:96%;height:60%;margin-left:2%;background-color:black;border-radius:10px;z-index:1;border:2px solid white;font-size:11px;font-weight:800;display:grid;grid-template-columns:repeat(6,1fr);gap:5px;opacity:.9}.mainCategory2{text-decoration:none;color:white;border-style:solid;border-radius:10px;height:20px;padding:1%;align-items:center}.mainCategory2:hover{text-decoration:none;animation-name:"baby";border-color:rgb(50,224,50);animation-duration:.5s}.link{color:white;height:10px}.link,.link:hover{text-decoration:none}.link:hover{color:rgb(50,224,50);animation-name:"baby";animation-duration:.5s}}@media screen and (max-width:1000px) and (orientation:landscape){.welcomePage{color:white;position:absolute;top:20%;left:0;text-align:center;width:100%;height:100%}.welcomePage h1{font-size:30px}.welcomePage h2{font-size:15px}.filterContainerMain{position:relative;top:1%;padding:2%;width:96%;height:63%;margin-left:2%;background-color:black;border-radius:10px;z-index:1;border:2px solid white;font-size:8px;font-weight:800;display:grid;grid-template-columns:repeat(7,1fr);gap:5px;opacity:.9}.mainCategory2{text-decoration:none;color:white;border-style:solid;border-radius:10px;height:20px;padding:1%;align-items:center}.mainCategory2:hover{text-decoration:none;animation-name:"baby";border-color:rgb(50,224,50);animation-duration:.5s}.link{color:white;height:20px}.link,.link:hover{text-decoration:none}.link:hover{color:rgb(50,224,50);animation-name:"baby";animation-duration:.5s}}.iconContainer2{display:flex;flex-direction:row;justify-self:center;margin-top:50px;gap:20px}.contour{padding-top:10%!important;padding-bottom:10%!important;cursor:pointer!important}@keyframes yo{0%{border-color:black}to{border-color:white}}.contour:hover{border:5px solid white;border-radius:10px;animation-name:yo;animation-duration:.5s}.contourOff{padding-top:10%!important;padding-bottom:10%!important;border:none!important;cursor:pointer!important}.femaleIcon{display:flex!important;color:hotpink!important}.femaleIcon,.maleIcon{height:200px!important;width:200px!important}.maleIcon{color:rgb(46,205,46)!important}@media screen and (max-width:500px) and (orientation:portrait){.iconContainer2{display:flex;flex-direction:row;justify-self:center;margin-top:50px;gap:20px}.contour,.contourOff{padding-top:10%;padding-bottom:10%;cursor:pointer}.contourOff{border:none}.femaleIcon{display:flex;color:hotpink}.femaleIcon,.maleIcon{height:125px!important;width:125px!important}.maleIcon{color:rgb(46,205,46)}}@media screen and (max-width:1000px) and (orientation:landscape){.iconContainer2{display:flex;flex-direction:row;justify-self:center;margin-top:50px;gap:20px}.contour,.contourOff{padding-top:10%;padding-bottom:10%;cursor:pointer}.contourOff{border:none}.femaleIcon{display:flex;color:hotpink;height:75px;width:75px}.maleIcon{color:rgb(46,205,46);height:100px;width:100px}}