.loginFormSub{position:absolute;top:10%;left:30%;border-color:white;display:flex;flex-direction:column;width:30%;padding-top:1%;padding-bottom:5%;border-style:solid;border-radius:40px;gap:30px;text-align:center;justify-content:center;align-items:center;z-index:2}.loginFormSub p{position:fixed}.loginFormSub input{width:20em}.loginFormSub h1{color:white;margin-bottom:1em}.loginFormSub h4{color:white}.loginFormSub button{width:20em}.genderContainer{display:flex;flex-direction:row;gap:20px;justify-self:center}.femaleIconSub{height:70px;width:70px;color:hotpink}.maleIconSub{color:rgb(40,188,40);height:70px;width:70px}.femaleContourSub{border:2px solid white;padding-top:10%;padding-bottom:10%;border-radius:20px}.femaleContourSubOff{border-style:none;padding-top:10%;padding-bottom:10%}.maleContourSub{border:2px solid white;padding-top:10%;padding-bottom:10%;border-radius:20px}.maleContourSubOff{border-style:none;padding-top:10%;padding-bottom:10%}.error{cursor:pointer}@media screen and (max-width:500px) and (orientation:portrait){.loginFormSub{position:absolute;top:15%;left:35%;border:none;display:flex;flex-direction:column;width:30%;padding-top:1%;padding-bottom:10%;gap:30px;text-align:center;justify-content:center;align-items:center;z-index:2}.loginFormSub button,.loginFormSub input{left:1em}.error{width:150%}}@media screen and (max-width:1000px) and (orientation:landscape){.loginFormSub{position:absolute;top:15%;left:35%;border:none;display:flex;flex-direction:column;width:30%;padding-top:1%;padding-bottom:10%;gap:30px;text-align:center;justify-content:center;align-items:center;z-index:2}.loginFormSub button,.loginFormSub input{left:1em}.error{position:relative;margin-top:5%}}