body{width:100vw;height:100vh}.form{width:100%}.login{width:100%;height:calc(100vh);background-color:var(--background-color);display:flex;align-items:center;justify-content:center}.loginWrapper{width:20vw;min-width:400px;height:auto;display:flex;flex-direction:column}.loginLeft,
.loginRight{display:flex;flex-direction:column;justify-content:center}.loginLogo{height:140px;width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:-50px;z-index:20}.loginLogo picture,.loginLogo img{width:auto;height:100%;border-radius:10%;padding:10px 2px;background-color:white}.loginLogo picture{box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px}.loginDesc{font-size:24px}.loginBox{z-index:19;height:auto;width:100%;padding:20px;color:var(--primary);border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;background:white;padding:50px 15%;padding-top:80px;box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px}label{color:var(--text-color)}.form:hover label,
.form:focus-within label{color:var(--primary)}.LoginInput{height:50px;width:100%;border:0px solid gray;color:var(--text-color);border-bottom:2px solid gray;font-size:15px;padding-left:20px;margin-bottom:20px;outline-width:0px}.form:hover .LoginInput,
.form:focus-within .LoginInput{color:var(--primary);border-bottom:2px solid var(--primary)}.LoginInput::placeholder{transition:all ease-in-out .3s}.form:hover .LoginInput::placeholder,
.form:focus-within .LoginInput::placeholder{color:var(--primary)}.LoginInput:focus{outline:none}.loginButton{height:50px;border-radius:10px;border:none;background-color:var(--primary);color:white;font-size:15px;font-weight:500;cursor:pointer}.loginRegisterButton{height:50px;width:100%;border-radius:10px;border:none;background-color:var(--primary);color:white;font-size:15px;font-weight:500;cursor:pointer;margin-bottom:20px}.form:focus-within .loginRegisterButton,
.form:hover .loginRegisterButton{background-color:var(--primary-dark)}.link-text{text-decoration:none;color:var(--primary)}.links{width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.links > *{min-width:50px}.error-text{margin:0;color:red;width:100%;font-size:12px;margin-bottom:10px;text-align:center}.uyari_metni{display:flex;align-items:center;justify-content:center;color:rgb(193, 19, 19);font-size:medium}.basari_metni{display:flex;align-items:center;justify-content:center;color:rgb(19, 193, 62);font-size:medium}@media screen and (max-width:1000px){.loginWrapper{}}