*{margin:0;padding:0;list-style-type:none;font-family:"Inter"}@media screen and (min-width:769px){html{width:100%;height:100%}body{width:100%;height:100%;margin:0 auto;background-color:#121212;position:relative}body .Login_Container{width:100%;margin:0 auto}body .Login_Container header{width:95%;padding:0 2.5%;height:6.3rem;margin:0 auto;background-color:#242424;display:flex;align-items:center;justify-content:space-between}body .Login_Container header .Left_Title{width:16%;cursor:pointer;display:flex;align-items:center;justify-content:space-between}body .Login_Container header .Left_Title h1{font-size:2.4rem;font-weight:900;color:#BB86FC}body .Login_Container header .Left_Title .Middle_Container h2{color:#B3B3B3;font-size:1.6rem;font-weight:600;cursor:pointer}body .Login_Container header .Right{display:flex;align-items:center;justify-content:space-between}body .Login_Container header .Right a{text-decoration:none}body .Login_Container header .Right a .InputLogin_Container{width:15.1rem;height:3.6rem;font-size:1.6rem;line-height:3.6rem;border-radius:0.5rem;text-align:center;font-weight:400;background-color:#BB86FC;color:white;cursor:pointer;transition:all 0.7s}body .Login_Container header .Right a .InputLogin_Container:hover{background-color:#a865fa}body main{width:30%;padding:3rem;background-color:#242424;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);border-radius:1rem}body main h3{width:100%;margin:2rem 0px;margin-bottom:6rem;text-align:center;color:white;font-size:2.4rem}body main .UserName{width:100%;margin:2rem auto}body main .UserName input{width:95%;padding-left:5%;height:3.8rem;background-color:#262626;outline:none;border:none;border:0.2rem solid #333333;border-radius:0.5rem;color:#b3bbc7;font-size:1.6rem;transition:all 0.7s}body main .UserName input::-webkit-input-placeholder{color:#b3bbc7}body main .UserName input:focus{background-color:#303030}body main .Email{width:100%;margin:2rem auto}body main .Email input{width:95%;padding-left:5%;height:3.8rem;background-color:#262626;outline:none;border:none;border:0.2rem solid #333333;border-radius:0.5rem;color:#b3bbc7;font-size:1.6rem;transition:all 0.7s}body main .Email input::-webkit-input-placeholder{color:#b3bbc7}body main .Email input:focus{background-color:#303030}body main .PassWord{width:100%;margin:2rem auto}body main .PassWord input{width:95%;padding-left:5%;height:3.8rem;background-color:#262626;outline:none;border:none;border:0.2rem solid #333333;border-radius:1rem;color:#b3bbc7;font-size:1.6rem;transition:all 0.7s}body main .PassWord input::-webkit-input-placeholder{color:#b3bbc7}body main .PassWord input:focus{background-color:#303030}body main .LoginButton_Container{width:100%;height:4.8rem;line-height:4.8rem;background-color:#8B5CF6;margin:0rem auto;margin-top:6rem;text-align:center;color:white;font-size:1.7rem;font-weight:600;border-radius:0.5rem;transition:all 0.6s}body main .LoginButton_Container:hover{background-color:#6e39e9;cursor:pointer}}@media screen and (max-width:769px){html{width:100%;height:100%;position:relative}body{width:100%;overflow-y:scroll;height:calc(100% - constant(safe-area-inset-bottom));height:calc(100% - env(safe-area-inset-bottom));background-color:#121212}body .Login_Container{width:100%;margin:0 auto}body .Login_Container header{width:95%;padding:0 2.5%;height:16.8vw;margin:0 auto;background-color:#242424;display:flex;align-items:center;justify-content:space-between}body .Login_Container header .Left_Title{width:16%;cursor:pointer;display:flex;align-items:center;justify-content:space-between}body .Login_Container header .Left_Title h1{font-size:6.4vw;font-weight:900;color:#BB86FC}body .Login_Container header .Left_Title .Middle_Container h2{color:#B3B3B3;font-size:4.2667vw;font-weight:600;cursor:pointer}body .Login_Container header .Right{display:flex;align-items:center;justify-content:space-between}body .Login_Container header .Right a{text-decoration:none}body .Login_Container header .Right a .InputLogin_Container{width:40.2667vw;height:9.6vw;font-size:4.2667vw;line-height:9.6vw;border-radius:1.3333vw;text-align:center;font-weight:400;background-color:#BB86FC;color:white;cursor:pointer;transition:all 0.7s}body .Login_Container header .Right a .InputLogin_Container:hover{background-color:#a865fa}body main{width:90%;padding:10% 3%;background-color:#242424;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);border-radius:2.6667vw}body main h3{width:100%;margin:5.3333vw 0vw;margin-bottom:16vw;text-align:center;color:white;font-size:6.4vw}body main .UserName{width:100%;margin:5.3333vw auto}body main .UserName input{width:95%;padding-left:5%;height:10.1333vw;background-color:#262626;outline:none;border:none;border:0.5333vw solid #333333;border-radius:1.3333vw;color:#b3bbc7;font-size:4.2667vw;transition:all 0.7s}body main .UserName input::-webkit-input-placeholder{color:#b3bbc7}body main .UserName input:focus{background-color:#303030}body main .Email{width:100%;margin:5.3333vw auto}body main .Email input{width:95%;padding-left:5%;height:10.1333vw;background-color:#262626;outline:none;border:none;border:0.5333vw solid #333333;border-radius:1.3333vw;color:#b3bbc7;font-size:4.2667vw;transition:all 0.7s}body main .Email input::-webkit-input-placeholder{color:#b3bbc7}body main .Email input:focus{background-color:#303030}body main .PassWord{width:100%;margin:5.3333vw auto}body main .PassWord input{width:95%;padding-left:5%;height:10.1333vw;background-color:#262626;outline:none;border:none;border:0.5333vw solid #333333;border-radius:2.6667vw;color:#b3bbc7;font-size:4.2667vw;transition:all 0.7s}body main .PassWord input::-webkit-input-placeholder{color:#b3bbc7}body main .PassWord input:focus{background-color:#303030}body main .LoginButton_Container{width:100%;height:12.8vw;line-height:12.8vw;background-color:#8B5CF6;margin:0vw auto;margin-top:16vw;text-align:center;color:white;font-size:4.5333vw;font-weight:600;border-radius:1.3333vw;transition:all 0.6s}body main .LoginButton_Container:hover{background-color:#6e39e9;cursor:pointer}}@font-face{font-family:"Inter";src:url(/Assets/FontStyle/LeagueSpartan-VF.woff2)}