body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.HomepageHeader{align-items:center;background-color:#212435;display:flex;justify-content:center;margin:0;padding-bottom:12px;padding-top:12px}.AccountInfoWrap,.Title{width:30%}.AccountInfo{float:right}.AccountInfo,.AlignTitle{align-items:center;display:flex}.AlignTitle{margin-left:30px}.AlignTitle img{height:36px;width:auto}.SearchBar{width:40%}.Title{text-align:left}.Title span{font-size:26px;font-weight:700;padding-left:10px}.SearchBar{text-align:center}.Align{align-items:center;display:flex;font-size:17px;font-weight:400;padding-right:50px}.Align img{border:2px solid #a4a9b5;border-radius:50%;height:32px;margin-right:10px;object-fit:cover;width:32px}.Notifications{display:flex;margin-left:20px;margin-right:20px}.NotificationsCounter{color:#fff;font-size:14px}.Notifications img{height:26px;width:auto}.Notifications img:hover{cursor:pointer}.HomepageHeader p{color:#fff;margin:0;text-decoration:none}.HomepageHeader input{background-color:#3c4056;border:none;border-radius:30px;color:#fff;font-family:Roboto,sans-serif;font-size:18px;height:24px!important;outline:none;padding:6px 30px;resize:none;text-align:center;width:80%}.HomepageHeader input::-webkit-input-placeholder{color:#d3d3d3;font-weight:400}.HomepageHeader input:-ms-input-placeholder{color:#d3d3d3;font-weight:400}.HomepageHeader input::placeholder{color:#d3d3d3;font-weight:400}.NotificationList{background-color:#2c3252;border-bottom-left-radius:16px;border-bottom-right-radius:16px;box-shadow:inset 0 0 5px #060b16;color:#fff;padding-bottom:16px;position:absolute;right:10px;width:400px}.NotificationList h1{font-size:22px}.NotificationMessage p{font-size:16px;margin-bottom:4px}.NotificationMessage:hover{font-weight:700}#NotificationDate{color:#dfdfdf;font-size:11px;font-style:italic;margin:0}@media screen and (max-width:1050px){.Title span{font-size:20px}.Account,.Title{width:25%}.SearchBar{width:50%}}@media screen and (max-width:850px){.Align span,.Title span{display:none}}@media screen and (max-width:720px){.Align{padding-right:10px}}@media screen and (max-width:480px){.AlignTitle{margin-left:20px}.Align{padding-right:0}.Title{width:18%}.Account{width:30%}.SearchBar{width:52%}.Notifications img{height:22px}.HomepageHeader input{font-size:16px}.Notifications{margin-right:5px}.NotificationList{right:0;width:100vw}}.Profile{background-color:#131624}.ProfileNotFound p{color:#fff}.UserInfo{border-bottom:2px solid #454d68;margin:auto auto 20px;max-width:1000px;padding-bottom:20px;padding-top:20px;width:40%}.UserInfo img{border:3px solid #a4a9b5;border-radius:50%;height:150px;object-fit:cover;width:150px}.UserInfo p{color:#fff;font-family:Roboto,"sans-serif";font-size:22px;font-weight:400;margin:0;padding-top:10px}#UserFollowerCount{font-size:20px;font-weight:700}#UserFollowersText{font-size:13px;padding:0 0 5px}.UserInfo button{background-color:#384077;border:1px solid #8e93b4;border-radius:10px;color:#fff;font-family:Roboto,sans-serif;font-size:12px;font-weight:400;margin-top:5px;padding:4px 16px}.UserInfo button:hover{cursor:pointer;transition:all .3s ease}.ProfileSections{margin:auto}.ProfileSections button{background-color:#50546d;border:none;border-radius:30px;color:#fff;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;margin-left:8px;margin-right:8px;padding:6px 24px}.ProfileSections button:hover{background-color:#8e93b4;cursor:pointer;transition:all .3s ease}@media screen and (max-width:480px){.UserInfo{width:80%}.UserInfo img{border:2px solid #a4a9b5;height:100px;width:100px}.UserInfo p{font-size:18px}#UserFollowerCount{font-size:16px}#UserFollowersText{font-size:12px}.ProfileSections{width:360px}.ProfileSections button{font-size:14px;margin-bottom:4px;margin-left:4px;margin-right:4px;padding:6px 12px}}.PastLiveStreams,.Posts{color:#fff}.PastLiveStreams__card{background-color:#000;border-radius:5px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:10px;padding:20px;width:100%}.PastLiveStreams__container{align-items:left;border-radius:.5rem;color:#fff;display:flex;flex-direction:column;justify-content:left;margin:1% auto 3%;padding:1rem;width:50%}.PastLiveStreams__header{font-size:2rem;font-weight:700;margin-bottom:1rem;text-align:left}.PersonalProfile{background-color:#131624}.PersonalInfo{border-bottom:2px solid #454d68;margin:auto auto 20px;max-width:1000px;padding-bottom:20px;padding-top:20px;width:40%}.PersonalInfo img{border:3px solid #a4a9b5;border-radius:50%;height:150px;object-fit:cover;width:150px}.PersonalInfo p{color:#fff;font-family:Roboto,"sans-serif";font-size:20px;font-weight:400;margin:0;padding-top:10px}#PersonalFollowerCount{font-size:20px;font-weight:700}#PersonalFollowersText{font-size:13px;padding:0}.PersonalProfileSections{margin-top:10px}.PersonalProfileSections button{background-color:#50546d;border:none;border-radius:30px;color:#fff;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;margin-bottom:4px;margin-left:8px;margin-right:8px;padding:6px 24px}.PersonalProfileSections button:hover{background-color:#8e93b4;cursor:pointer;transition:all .3s ease}@media screen and (max-width:480px){.PersonalInfo{width:80%}.PersonalInfo img{border:2px solid #a4a9b5;height:100px;width:100px}.PersonalInfo p{font-size:18px}#PersonalFollowerCount{font-size:16px}#PersonalFollowerText{font-size:12px}.PersonalProfileSections{margin:auto;width:95vw}.PersonalProfileSections button{font-size:14px;margin-bottom:4px;margin-left:4px;margin-right:4px;padding:6px 12px}}.PersonalLiveStream{color:#fff;padding-bottom:10%}.PersonalLiveStream__container__title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.PersonalLiveStream__container{align-items:left;border-radius:.5rem;color:#fff;display:flex;flex-direction:column;justify-content:left;margin:3% auto;padding:1rem;width:50%}.PersonalLiveStream__container__video{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:5px}.PersonalLiveStream__container__video__video{background-color:#000;border-radius:5px;box-sizing:border-box;height:100%;padding:10px;width:100%}.PersonalLiveStream__container__actions__button,.PersonalLiveStream__container__actions__infobutton,.PersonalLiveStream__container__actions__stopbutton{background-color:#cc74b2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:all .4s ease-in-out;width:auto}.PersonalLiveStream__container__actions__infobutton{background-color:#fff;color:#000}.PersonalLiveStream__container__actions__infobutton:hover{background-color:#c7c7c7;color:#000}.PersonalLiveStream__container__actions__stopbutton{background-color:#ff5c5c}.PersonalLiveStream__container__actions__stopbutton:hover{background-color:#fd3838}.PersonalLiveStream__container__actions__button:hover{background-color:#c955a6}.PersonalLiveStream__container__actions{align-items:left;display:flex;flex-direction:column;justify-content:left}.PersonalLiveStream__container__actions,.PersonalLiveStream__container__description{background-color:rgba(0,0,0,.5);border-radius:5px;box-sizing:border-box;margin-top:1rem;padding:20px;width:100%}.PersonalLiveStream__container__description{text-align:left}.PersonalLiveStream__container__actions__textarea{background-color:#121524;border:none;border-radius:5px;box-sizing:border-box;color:#fff;height:100%;outline:none;padding:10px;width:100%}.PersonalLiveStream__container__description__subheader{color:#b1b1b1;font-size:.8rem;font-weight:700;line-height:0;padding:0;text-align:right;text-transform:uppercase}.PersonalLiveStream__container__description__header{color:#fff;font-size:1rem;font-weight:700;line-height:0;margin-bottom:2rem;padding:0;text-align:left;text-transform:uppercase}.PersonalLiveStream__container__description__title{display:grid;grid-template-columns:1fr 1fr;width:100%}.PersonalLiveStream__container__description__title>:last-child{text-align:right}.PersonalLiveStream__container__description__streamid{font-size:.8rem;line-height:0}.PersonalLiveStream__container__description__streamid__status{float:right;text-transform:uppercase}@media screen and (max-width:768px){.PersonalLiveStream__container{width:90%}}.PersonalPosts{color:#fff;padding-bottom:20px}.CreatePost{background-color:#2e3643;border-radius:15px;margin:40px auto auto;padding:20px 30px;text-align:left;width:500px}.CreatePost h1{font-size:20px;font-weight:400;margin:0}.PostPicture{margin-top:10px}.PostPicture input{font-size:14px}.postPic::-webkit-file-upload-button{background-color:#4c66aa;border:none;border-radius:30px;color:#eaeeff;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;padding:8px 30px}.postPic::-webkit-file-upload-button:hover{background-color:#495c9e;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.PostPicturePreview{margin-top:10px;text-align:center}.Image{margin-top:40px;text-align:center}.Image img,.PostPicturePreview img{height:auto;width:400px}.PostText{margin-top:10px}.PostText textarea{background-color:#696b8b;border:none;border-radius:15px;color:#eaeaea;font-family:Noto Sans JP,sans-serif;font-size:16px;font-weight:400;height:60px;outline:none;padding:16px 16px 2px;resize:none;text-align:left;width:95%}.PostText textarea::-webkit-input-placeholder{color:#eaeaea;font-weight:400}.PostText textarea:-ms-input-placeholder{color:#eaeaea;font-weight:400}.PostText textarea::placeholder{color:#eaeaea;font-weight:400}.CannotPostButton,.PostButton{margin-top:4px;text-align:center}.PostButton button{background-color:#4c66aa;border:none;border-radius:30px;color:#fff;font-family:Roboto,sans-serif;font-size:18px;font-weight:400;padding:8px 30px;width:400px}.PostButton button:hover{background-color:#5a76bb;cursor:pointer;transition:all .3s ease;width:450px}.CannotPostButton button{background-color:#969aa3;border:none;border-radius:30px;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-size:18px;font-weight:400;padding:8px 30px;width:400px}.MakeComment{margin-top:10px}.MakeComment textarea{background-color:#545569;border:none;border-radius:30px;color:#eaeaea;font-family:Noto Sans JP,sans-serif;font-size:16px;font-weight:400;height:28px;outline:none;padding:10px 24px 0;resize:none;text-align:left;width:414px}.MakeComment textarea::-webkit-input-placeholder{color:#eaeaea;font-weight:400}.MakeComment textarea:-ms-input-placeholder{color:#eaeaea;font-weight:400}.MakeComment textarea::placeholder{color:#eaeaea;font-weight:400}.NoPost{background-color:#2e3643;border-radius:30px;margin:20px auto auto;padding:1px 30px;width:500px}.Posts{padding-bottom:40px}.Post{background-color:#2e3643;border-radius:15px;margin:20px auto auto;padding:20px 30px;width:500px}.Post .DeletePost{margin-bottom:8px;text-align:right}.Post .DeletePost button{background-color:rgba(158,31,31,.87);border:1px solid #ca7d7d;border-radius:5px;color:#fff;font-size:12px;padding:2px 6px 3px;text-align:center}.Post .DeletePost button:hover{background-color:rgba(124,22,22,.87);cursor:pointer}.ConfirmDeletePost{background-color:#455164;border-radius:15px;margin:10px auto auto;padding:10px 20px;text-align:center;width:350}.ConfirmDeletePost p{font-size:14px;margin:0 0 2px}.Post .DeletePost .ConfirmDeletePost button{background-color:rgba(158,31,31,.87);border:1px solid #ca7d7d;border-radius:5px;color:#fff;font-size:12px;margin:0 5px;padding:2px 20px 3px;text-align:center}#CancelDeletePost{background-color:#345d99;border:1px solid #6193df}.Post .PostHeader .PostUser{float:left;font-size:16px;font-weight:700}.Post .PostHeader .PostDate{float:right;font-size:13px}.Post .Text{font-size:18px;margin-top:30px}.Post .Likes,.Post .Text{border-bottom:1px solid #fff;text-align:left}.Post .Likes{font-size:14px}.Comment{background-color:#4e525f;border-radius:40px;margin:10px auto auto;padding:12px 40px;width:380px}.Comment .CommentHeader .CommentUser{float:left;font-size:14px}.Comment .CommentHeader .CommentDate{float:right;font-size:11px}.Comment p{color:#fff;font-size:14px;margin:20px 0 0;text-align:left}@media screen and (max-width:600px){.CreatePost{padding:20px;width:80vw}.CreatePost h1{font-size:18px}.postPic::-webkit-file-upload-button{padding:6px 20px}.Image img,.PostPicturePreview img{width:100%}.PostText textarea{width:90%}.CannotPostButton button,.PostButton button{width:100%}.NoPost,.Post{width:75vw}.MakeComment textarea{width:80%}.Comment{padding:12px 30px;width:75%}}.PersonalFollowing{background-color:#202742;border-radius:20px;color:#fff;margin:30px auto auto;padding:5px 10px;width:450px}.FollowingList{margin-bottom:10px}.AlignImageAndFollowing{align-items:center;display:flex;font-size:17px;font-weight:400}.AlignImageAndFollowing img{border:2px solid #a4a9b5;border-radius:50%;height:30px;margin-left:30px;margin-right:10px;object-fit:cover;width:30px}.FollowingList p{font-size:16px}.FollowingUser{background-color:#33406d;border-radius:40px;margin:10px auto auto;padding:8px 30px;width:280px}.FollowingUser button{background-color:#293664;border:1px solid #88acc4;border-radius:10px;color:#fff;font-family:Roboto,sans-serif;font-size:12px;font-weight:400;margin-left:15px;margin-top:5px;padding:4px 16px}.FollowingUser button:hover{cursor:pointer}@media screen and (max-width:480px){.PersonalFollowing{width:85vw}.AlignImageAndFollowing img{margin-left:15px}.FollowingUser{width:65vw}}.Home{color:#fff;padding-bottom:20px}.HorizontalLine{border-bottom:2px solid #fff;margin:auto;padding-top:30px;width:70vw}.FollowedStreamers,.TopStreamers{margin:auto;padding-bottom:10px;padding-top:10px}.FollowedStreamers h1,.TopStreamers h1{font-size:20px;padding-bottom:10px}.TopStreamers h1{color:#99dae9}.FollowedStreamers h1{color:#ffb2b2}.FollowingStreamersContainer,.TopStreamersContainer{display:flex;flex-wrap:wrap;justify-content:center;margin:auto;width:65vw}.FollowingStreamer,.TopStreamer{margin-bottom:10px;width:150px}.FollowingStreamer p,.TopStreamer p{font-size:18px;margin-bottom:0}#TopStreamerFollowerCount{color:#b8b8b8;font-size:12px;font-style:normal;margin-top:2px}.FollowingStreamer img,.TopStreamer img{border:3px solid #a4a9b5;border-radius:50%;height:110px;object-fit:cover;width:110px}.NoTopStreamers,.NotFollowingStreamers{background-color:#202742;border-radius:20px;color:#fff;margin:auto;padding:5px 10px;width:460px}.NoTopStreamers h1,.NotFollowingStreamers h1{color:#fff;font-size:16px;font-weight:400;padding:0}.NotFollowingStreamers p{font-size:14px}.CreditsPage{margin-top:20px}@media screen and (max-width:480px){.FollowingStreamersContainer,.TopStreamersContainer{width:85vw}.FollowingStreamer,.TopStreamer{width:50%}.FollowingStreamer img,.TopStreamer img{height:25vw;width:25vw}.FollowingStreamer p,.TopStreamer p{font-size:16px;margin-bottom:0}#TopStreamerFollowerCount{font-size:12px}.NoTopStreamers,.NotFollowingStreamers{width:80vw}.HorizontalLine{width:90vw}}.PersonalAccount{color:#fff;margin-top:40px;padding-bottom:20px}.ManagePassword,.ManageProfilePicture{background-color:#282d49;border-radius:20px;margin:20px auto auto;padding:20px 10px 40px;width:500px}.ManagePassword h1,.ManageProfilePicture h1,.Signout h1{font-size:20px}.Signout{background-color:#282d49;border-radius:20px;margin:20px auto auto;padding:10px 10px 20px;width:500px}.Signout button{background-color:#dfe6ff;border:none;border-radius:30px;color:#1c1e27;font-family:Roboto,sans-serif;font-size:16px;font-weight:700;padding:8px 40px}.Signout button:hover{cursor:pointer}.PictureUpload input{background-color:#dfe6ff;border:none;border-radius:30px;color:#17181d;font-family:Roboto,sans-serif;font-size:14px;font-weight:700;padding:6px 20px}.profilePic::-webkit-file-upload-button{background-color:#4b5b97;border:none;border-radius:30px;color:#eaeeff;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;padding:8px 30px}.profilePic::-webkit-file-upload-button:hover{background-color:#6576b4;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.CurrentSelectedPicture{margin-top:15px}.CurrentSelectedPicture img{border:3px solid #a4a9b5;border-radius:50%;height:125px;object-fit:cover;width:125px}.ProfilePictureButton{margin-top:10px}.ProfilePictureButton button{background-color:#cfd4e7;border:none;border-radius:30px;color:#17181d;font-family:Roboto,sans-serif;font-size:14px;font-weight:700;padding:6px 30px}.ProfilePictureButton button:hover{background-color:#c3c8da;cursor:pointer;transition:all .3s ease}.UploadPictureError p{color:#ff8c8c;font-size:15px;margin-bottom:0}.UploadPictureSuccess p{color:#7dff99;font-size:15px;margin-bottom:0}.NewPassword p,.OldPassword p{font-size:16px;margin:10px 0 5px}#NewPasswordRequirements{font-size:11px;font-style:italic;margin:10px 0 5px}.ManagePassword input{background-color:#8284a5;border:1px solid #b8bad4;border-radius:30px;color:#fff;font-family:Roboto,sans-serif;font-size:14px;height:14px!important;outline:none;padding:8px 30px;resize:none;text-align:left;width:240px}.ManagePassword input::-webkit-input-placeholder{color:#b6b6b6;font-weight:400}.ManagePassword input:-ms-input-placeholder{color:#b6b6b6;font-weight:400}.ManagePassword input::placeholder{color:#b6b6b6;font-weight:400}.OldPasswordIncorrectMsg p,.PasswordNotMatching p,.PoorPasswordMsg p{color:#ff6f6f;font-size:16px}.EmptyFieldMsg p{color:#4de4ff;font-size:16px}.SuccessfulPasswordChange p{color:#5fa;font-size:16px}.ChangePasswordButton{margin-top:20px}.ChangePasswordButton button{background-color:#cfd4e7;border:none;border-radius:30px;color:#17181d;font-family:Roboto,sans-serif;font-size:16px;font-weight:700;padding:10px 30px;width:250px}.ChangePasswordButton button:hover{background-color:#c3c8da;cursor:pointer;transition:all .3s ease}@media screen and (max-width:580px){.ManagePassword,.ManageProfilePicture,.Signout{padding:10px 10px 20px;width:85vw}.ManagePassword h1,.ManageProfilePicture h1,.Signout h1{font-size:18px}.ManagePassword input{width:60%}.EmptyFieldMsg p,.NewPassword p,.OldPassword p,.OldPasswordIncorrectMsg p,.PasswordNotMatching p,.PoorPasswordMsg p,.SuccessfulPasswordChange p,.UploadPictureError p,.UploadPictureSuccess p{font-size:14px}}.ProfileSearchResults{color:#fff}.FoundProfilesList{margin-top:20px}.NoProfilesFound h1,.ProfilesFound h1{font-size:20px;margin-bottom:20px}.NoProfilesFound p{font-size:18px}#LinkToHome{font-size:20px;font-weight:700}.ProfilesFoundContainer{display:flex;flex-wrap:wrap;justify-content:center;margin:auto;width:65vw}.CurrentProfile{width:150px}.CurrentProfile p{font-size:18px;margin-bottom:0}#CurrentProfileFollowerCount{color:#b8b8b8;font-size:12px;font-style:normal;margin-top:2px}.CurrentProfile img{border:3px solid #a4a9b5;border-radius:50%;height:110px;object-fit:cover;width:110px}@media screen and (max-width:480px){.ProfilesFoundContainer{width:85vw}.CurrentProfile{width:50%}.CurrentProfile img{height:25vw;width:25vw}.CurrentProfile p{font-size:16px;margin-bottom:0}#CurrentProfileFollowerCount{color:#b8b8b8;font-size:12px;font-style:normal;margin-top:2px}.NoProfilesFound h1,.NoProfilesFound p,.ProfilesFound h1{font-size:18px}}.CreditsPage{color:#fff}.CodeCredits h2,.MediaCredits h2{font-size:26px;font-weight:400}.CodeCredits,.MediaCredits{background-color:#171a29;border-radius:20px;box-shadow:inset 0 0 10px #060b16;margin:auto;padding:30px 20px 40px;width:700px}.CodeCredits{margin-top:50px}.MediaCredits{margin-top:20px}.CodeCredits a,.MediaCredits a{color:#33f1ff;text-decoration:none}@media screen and (max-width:780px){.CodeCredits,.MediaCredits{width:90vw}}.App{background-color:#131624;font-family:Roboto,sans-serif;min-height:100vh;text-align:center}.Header{background-color:#212435;margin:auto;padding-bottom:20px;padding-top:20px}.AlignAppHeader{align-items:center;display:flex;justify-content:center}.AlignAppHeader span{color:#fff;font-size:32px;font-weight:700;margin-left:10px}.AlignAppHeader img{height:45px;width:auto}@media screen and (max-width:480px){.AlignAppHeader span{font-size:24px}.AlignAppHeader img{height:36px}}.Login,.ResetPasswordPage,.Signup{background-color:#171a29;border-radius:20px;box-shadow:inset 0 0 10px #060b16;margin:50px auto auto;padding:30px 20px 40px;width:400px}.Login p,.ResetPasswordPage p,.Signup p{color:#fff;font-size:24px;font-weight:700;margin-bottom:20px}.InputBar{margin:auto;padding-top:4px;width:310px}.InputBar p{color:#fff;font-size:16px;font-weight:400;margin-bottom:8px;text-align:left}#passwordRequirements{font-size:12px;font-style:italic}.InputBar input{background-color:#8284a5;border:1px solid #aaacca;border-radius:30px;color:#fff;font-family:Roboto,sans-serif;font-size:16px;height:20px!important;outline:none;padding:7px 30px;resize:none;text-align:left;width:250px}.InputBar input::-webkit-input-placeholder{color:#d3d3d3;font-weight:400}.InputBar input:-ms-input-placeholder{color:#d3d3d3;font-weight:400}.InputBar input::placeholder{color:#d3d3d3;font-weight:400}.BackToLoginPage p,.ChangeFromSignupToSignin p,.ForgetPassword p{font-size:16px;font-weight:400;margin-bottom:0;text-decoration:underline}.BackToLoginPage p:hover,.ChangeFromSignupToSignin p:hover,.ForgetPassword p:hover{cursor:pointer}.ResetPasswordButton,.SigninButton,.SignupButton{margin-top:16px}.ResetPasswordButton button,.SigninButton button,.SignupButton button{background-color:#cfd4e7;border:none;border-radius:30px;color:#272830;font-family:Roboto,sans-serif;font-size:18px;font-weight:700;padding:8px 30px;width:310px}.ResetPasswordButton button:hover,.SigninButton button:hover,.SignupButton button:hover{background-color:#e9edfa;cursor:pointer;transition:all .2s ease}.AccountCreatedMessage p{color:#74fa91;font-size:16px;font-weight:400;margin:0}.AccountAlreadyCreatedMessage p,.IncorrectLoginMessage p,.PoorPasswordMessage p{color:#ff8670;font-size:16px;font-weight:400;margin:0;padding-top:20px}.EmptyFieldsMessage p,.ResetPasswordEmailMessage p{color:#70e2ff;font-size:16px;font-weight:400;margin:0;padding-top:20px}@media screen and (max-width:480px){.Login,.ResetPasswordPage,.Signup{margin-top:30px;width:80vw}.Login p,.ResetPasswordPage p,.Signup{font-size:20px}.InputBar{width:80vw}.InputBar p{font-size:16px;text-align:center}.InputBar input{width:50vw}.BackToLoginPage p,.ChangeFromSignupToSignin p,.ForgetPassword p{font-size:16px}.ResetPasswordButton button,.SigninButton button,.SignupButton button{width:65vw}.AccountAlreadyCreatedMessage p,.AccountCreatedMessage p,.EmptyFieldsMessage p,.IncorrectLoginMessage p,.PoorPasswordMessage p,.ResetPasswordEmailMessage p{font-size:16px}}.EmailVerification{color:#fff}.LoadingVerify{margin-top:70px}.LoadingVerify p{font-size:18px}.VerificationMsg{margin-top:70px}.VerificationMsg h1{font-size:22px}.VericiationMsg p{font-size:20px}.AlreadyVerified button,.SuccessfulVerify button,.TokenDNE button{background-color:#cfd4e7;border:none;border-radius:30px;color:#272830;font-family:Roboto,sans-serif;font-size:18px;font-weight:700;padding:8px 50px}.AlreadyVerified button:hover,.SuccessfulVerify button:hover,.TokenDNE button:hover{background-color:#e9edfa;cursor:pointer;transition:all .2s ease}@media screen and (max-width:480px){.VericiationMsg p,.VerificationMsg h1{font-size:18px}.VerificationMsg button{font-size:16px;padding:8px 40px}}.ForgetPasswordPage{background-color:#171a29;border-radius:20px;box-shadow:inset 0 0 10px #060b16;margin:50px auto auto;padding:10px 20px 40px;width:400px}.ForgetPasswordPage p{color:#fff;font-size:24px;font-weight:700;margin-bottom:10px}.NewPassword1,.NewPassword2{margin:auto;padding-top:4px;width:310px}.NewPassword1 p,.NewPassword2 p{color:#fff;font-size:16px;font-weight:400;margin-bottom:8px;text-align:left}.NewPassword1 input,.NewPassword2 input{background-color:#8284a5;border:1px solid #aaacca;border-radius:30px;color:#fff;font-family:Roboto,sans-serif;font-size:16px;height:20px!important;outline:none;padding:7px 30px;resize:none;text-align:left;width:250px}.NewPassword1 input::-webkit-input-placeholder,.NewPassword2 input::-webkit-input-placeholder{color:#d3d3d3;font-weight:400}.NewPassword1 input:-ms-input-placeholder,.NewPassword2 input:-ms-input-placeholder{color:#d3d3d3;font-weight:400}.NewPassword1 input::placeholder,.NewPassword2 input::placeholder{color:#d3d3d3;font-weight:400}#newPasswordRequirements{font-size:12px;font-style:italic;font-weight:400}.ConfirmNewPassword{margin-top:16px}.ConfirmNewPassword button{background-color:#cfd4e7;border:none;border-radius:30px;color:#272830;font-family:Roboto,sans-serif;font-size:18px;font-weight:700;padding:8px 30px;width:310px}.ConfirmNewPassword button:hover{background-color:#e9edfa;cursor:pointer;transition:all .2s ease}.MalformedToken p,.NetworkError p,.NonMatchingPasswords p,.PoorPasswordMessage p{color:#ff9885;font-size:16px;font-weight:400;margin:0;padding-top:10px}.MalformedToken p,.NetworkError p{padding-top:20px}.EmptyFieldsMessage p{color:#70e2ff;font-size:16px;font-weight:400;margin:0;padding-top:10px}.PasswordResetSuccess p{color:#74fa91;font-size:16px;font-weight:400;margin:0;padding-top:20px}.PasswordResetSuccess .BackToLogin p{color:#fff;text-decoration:underline}.PasswordResetSuccess .BackToLogin p:hover{cursor:pointer}.LoadingAnimation{display:inline-block;height:25px;position:relative;width:60px}.LoadingAnimation div{-webkit-animation-timing-function:cubic-bezier(0,1,1,0);animation-timing-function:cubic-bezier(0,1,1,0);background:#fff;border-radius:50%;height:8px;position:absolute;top:20px;width:8px}.LoadingAnimation div:first-child{-webkit-animation:LoadingAnimation1 .6s infinite;animation:LoadingAnimation1 .6s infinite;left:6px}.LoadingAnimation div:nth-child(2){left:6px}.LoadingAnimation div:nth-child(2),.LoadingAnimation div:nth-child(3){-webkit-animation:LoadingAnimation2 .6s infinite;animation:LoadingAnimation2 .6s infinite}.LoadingAnimation div:nth-child(3){left:24px}.LoadingAnimation div:nth-child(4){-webkit-animation:LoadingAnimation3 .6s infinite;animation:LoadingAnimation3 .6s infinite;left:42px}@-webkit-keyframes LoadingAnimation1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes LoadingAnimation1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes LoadingAnimation3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes LoadingAnimation3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes LoadingAnimation2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(18px);transform:translate(18px)}}@keyframes LoadingAnimation2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(18px);transform:translate(18px)}}@media screen and (max-width:480px){.ForgetPasswordPage{margin-top:30px;width:80vw}.ForgetPasswordPage p{font-size:20px}.NewPassword1,.NewPassword2{width:80vw}.NewPassword1 p,.NewPassword2 p{font-size:16px;text-align:center}.NewPassword1 input,.NewPassword2 input{width:50vw}.PasswordResetSuccess .BackToLogin p{font-size:16px}.ConfirmNewPassword button{font-size:16px;padding:10px 30px;width:65vw}.EmptyFieldsMessage p,.MalformedToken p,.NetworkError p,.NonMatchingPasswords p,.PasswordResetSuccess .BackToLogin p,.PasswordResetSuccess p,.PoorPasswordMessage p{font-size:16px}}
/*# sourceMappingURL=main.eb9c36c4.css.map*/