*{font-family:"Gothic A1",sans-serif;margin:0;padding:0;box-sizing:border-box;list-style:none;text-decoration:none}html{font-size:62.5%}body{margin:0}.main__Animate-div{position:relative;z-index:1;width:80%;margin:0 auto}.main__Swipe{min-height:100vh;display:flex;flex-direction:column;justify-content:space-around}.main__Nav{width:80%;height:7vh;max-height:7rem;display:flex;flex-direction:row;justify-content:space-evenly;padding:1vh 0;margin:0 auto}.main__contacts-button,.main__profile-button{height:5vh;max-height:5rem}.main__Image{height:15vh;width:auto;max-width:80%;margin:1.5vh 0;border-radius:2.5vh;-webkit-transition:height .6s;transition:height .6s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.main__hidden-img{height:0;margin:0}.main__Swipe-User{position:relative;min-height:75vh;height:83vh;max-height:78vh;display:flex;flex-direction:column;align-items:center;margin:0 auto;border-radius:2.5vh;background:#fff;box-shadow:.5rem 1rem .8rem #888;border:.1rem solid #d3d3d3}.main__Swipe-User:hover{cursor:pointer}.main__display-name{font-size:5vh;margin:1vh 0;max-width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main__bottom-card{position:relative;z-index:2;width:100%;height:100%;max-height:100%;padding-bottom:4vh;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;overflow-y:auto}.main__card-header{width:70%;font-size:4vh;font-weight:700;padding:.8vh 2vw;margin:.8vh 0;-webkit-transition:font-size .5s,height .5s,background-color .5s;transition:font-size .5s,height .5s,background-color .5s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:.1s;transition-delay:.1s;border:none;border-bottom:.2rem solid #d3d3d3;text-align:center;color:#000}.main__bottom-card>span{font-size:3.5vh;padding:.2vh 0}.main__bottom-card>.lfm-in{font-size:3.5vh;color:#000}.main__platforms{width:100%;display:flex;justify-content:space-around}.main__nintendo,.main__PC,.main__playstation,.main__xbox{height:6vh}.main__none{font-size:4vh}.main__bio,.main__genres{text-align:center;color:#000}.main__bio{font-size:3.5vh;padding:0 1vw;max-height:17vh;-webkit-transition:font-size .5s,height .5s,background-color .5s;transition:font-size .5s,height .5s,background-color .5s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:.1s;transition-delay:.1s;overflow-y:auto}.main__hidden-text{font-size:0;padding:0;margin:0;height:0;-webkit-transition-delay:0s;transition-delay:0s;border:none}.main__caret-container{width:100%;display:flex;justify-content:center}.main__down-caret{position:absolute;bottom:.75vh;height:2.5vh;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.reverse{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.main__Second-Nav{width:80%;height:10vh;max-height:12rem;display:flex;flex-direction:row;justify-content:space-evenly;margin:0 auto;padding:1vh}.main__x{height:8vh;max-height:10rem}.main__x:hover{cursor:pointer}.main__check{height:8vh;max-height:10rem}.main__check:hover{cursor:pointer}.main__Swipe-User-null{position:relative;min-height:75vh;height:83vh;display:flex;flex-direction:column;justify-content:center;align-items:center;border:.1rem solid #d3d3d3;box-shadow:.5rem 1rem .8rem #888;max-width:80%;margin:0 auto;border-radius:2.5vh}.main__card-null{max-width:80%;font-size:5vh;text-align:center}.minViewInfo{display:flex;flex-direction:column;align-items:center;border:none;margin-top:-.2rem;width:calc(100% + .4rem);border-radius:2.5vh;padding:.5rem;background-color:#fff;box-shadow:0 .8rem .8rem #888;background:#30cfd0}@media screen and (min-width:600px){.main__Swipe-User{height:70vh}.main__Animate-div,.main__Nav,.main__Second-Nav,.main__Swipe-User-null{max-width:70%}}@media screen and (min-width:900px){.main__Swipe-User{height:55vh}.main__Animate-div,.main__Nav,.main__Second-Nav,.main__Swipe-User-null{max-width:55%}.main__display-name{font-size:4rem}.main__bottom-card>.lfm-in,.main__bottom-card>span,.main__card-header{font-size:2.8rem}.main__nintendo,.main__PC,.main__playstation,.main__xbox{height:5.5rem}.main__bio,.main__none{font-size:2.8rem}.main__hidden-text{font-size:0}}@media screen and (min-width:1080px){.main__Swipe-User{height:52vh;width:565px}.main__Swipe-User-null{width:565px}}@media screen and (min-width:1385px){.main__Swipe-User{height:715px}}#lp__main-flex{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.lp__login{position:absolute;top:2vmax;right:2vmax}.lp__header{font-size:2rem;margin:1vmax 0}#lp__container,.lp__logoContainer{text-align:center}#lp__container{padding:1rem}.lp__about-para{width:80%;font-size:1.5rem;margin:0 auto}.lp__lp-link{font-size:10rem;font-weight:700;text-decoration:none;background:-webkit-gradient(linear,left top,right top,from(#30cfd0),to(#330867));background:linear-gradient(90deg,#30cfd0 0,#330867);color:#fff;background:linear-gradient(-45deg,#ee7752,#e73c7e,#30cfd0,#330867);background-size:400% 400%;position:relative;-webkit-animation:change 10s ease-in-out infinite;animation:change 10s ease-in-out infinite;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.lp__label{font-size:2.5rem}.lp__input-div{display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin-top:2rem}.lp__input{width:17rem;border:none;border-bottom:.2rem solid #000;font-size:1.6rem;font-weight:700;text-align:center;outline:none}.separator{border:.1rem solid #d3d3d3;width:60%;margin:0 auto}@-webkit-keyframes change{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes change{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media screen and (min-width:720px){.lp__header{font-size:2.2rem}.lp__about-para{font-size:1.7rem;width:60%}.separator{width:50%}}.Signup__container{width:70%;font-size:1.6rem;text-align:center;padding:2rem 1rem}.Signup__header{margin:0 0 1rem;font-size:2.75rem}.Signup__form,.Signup__submit-button-div{display:flex;flex-direction:column;justify-content:center;align-items:center}.Signup__submit-button-div{margin:1rem 0 0}.Signup__or{font-size:2rem;margin:.75rem 0}.Signup__login-link{width:7.5rem;border:none;background:none;font-weight:bolder;color:#306499;cursor:pointer;font-size:1.8rem;-webkit-transition-duration:.5ms;transition-duration:.5ms}#Signup__confirm_password,#Signup__display_name,#Signup__email,#Signup__password{border-radius:0;-webkit-border-radius:0}.NotFoundPage{width:80%;margin:3rem auto}.NotFoundPage>*{margin:1rem 0}.NotFoundPage>h2{font-size:2.75rem;margin-bottom:2rem}.NotFoundPage>h4,.NotFoundPage>p{font-size:1.6rem}.Login__container{width:70%;font-size:1.6rem;text-align:center;padding:1rem 1rem 2rem}.Login__header{margin:1.5rem 0 2rem;font-size:3rem}.Login__submit-button-div{display:flex;flex-direction:column;justify-content:center;margin-top:1.5rem}.Login__signup-link{font-weight:bolder;color:#306499;cursor:pointer;font-size:2.25rem;margin:0 auto}.Login__or{font-size:2rem;margin:.75rem 0}.demoContainer{display:flex;flex-direction:column;align-items:center;margin-top:30px}#Login__email,#Login__password{border-radius:0;-webkit-border-radius:0}.profile__icons-container{display:flex;justify-content:space-around;align-items:center;padding:1rem 0;height:9vh;max-height:7rem;width:85%;margin:0 auto .75rem}.profile__edit-icon{height:7vh;max-height:5rem}.profile__edit-icon:hover{cursor:pointer}.profile__back-icon{height:7vh;max-height:5rem}.profile__section{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;border:.1rem solid #d3d3d3;max-width:85%;margin:0 auto;border-radius:2.5vh;background-color:#fff;box-shadow:.5rem 1rem .8rem #888}.profile__section>*{font-size:3.5vh}.profile__img-name-div{width:calc(100% + .4rem);margin-top:-.5vh;display:flex;flex-direction:column;align-items:center;border-radius:2.5vh;background:#30cfd0;box-shadow:.2rem 1rem .8rem #888}.profile__img-container{max-width:90%}.profile__img{display:block;width:auto;height:35vh;max-height:28rem;border-radius:2.5vh;margin:1.5vh 0 0}.profile__displayName{padding:1vh;color:#000;font-size:3vh;font-weight:700}.profile__card-header{width:100%;height:5.5vh;text-align:left;padding:.7vh 2vh;font-size:3.5vh;font-weight:700;margin:1vh 0;text-align:center;border:none;border-bottom:.3rem solid #d3d3d3;width:60%}.profile__bio,.profile__gamer-tags,.profile__genres{text-align:center}.profile__bio{width:90%;margin-bottom:1vh}.logoutLink-container{display:flex;justify-content:center;padding:1.5vh 0;margin:1vh}.logoutLink-container>*{font-size:3.5vh;margin:0 auto}.profile__editForm{display:flex;flex-direction:column;justify-content:center;width:80%;margin:0 auto}.profile__editCancelSubmit-div{display:flex;justify-content:space-around;align-items:center;padding:1vh 0;height:9vh;max-height:12.6rem}.profile__editCancel{height:7vh;max-height:8rem}.profile__editCancel:hover{cursor:pointer}.profile__editSubmit{height:7vh;max-height:8rem}.profile__editSubmit:hover{cursor:pointer}.profile__ImgEdit-container{border-radius:.8vh;padding:2vh .5vh;margin:0 auto 2rem;width:100%}.profile__ImgEdit{height:25vh;width:auto;display:block;margin:0 auto;border-radius:.8vh}.profile__imageEditInput{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:80%;margin:2rem auto 0}.profile__file-upload{font-size:2.5vh;margin:1rem 0 2rem}.profile__imageEditInput>.profile__ImgEdit-submit{font-size:2vh;padding:.6rem 1.5rem}.profile__editForm>label,.profile__gamer-tags-header{padding:.2vh 1.5vh;font-size:3vh;font-weight:700;height:4.5vh;text-align:center;width:70%;margin:3.5rem auto;color:#000;border:none;border-bottom:.2rem solid #d3d3d3}#display-name{font-size:3vh;padding:.5vh 0 0 1.5vh;height:5.5vh;border:.08rem solid grey;width:80%;margin:0 auto;text-align:center;border-radius:.8vh}.profile__editForm>textarea{resize:none}#lfm{font-size:3vh;padding:.5vh 0 0 1.5vh;height:12vh;border:.08rem solid grey;border-radius:.8vh}#lfm,#platforms{width:100%;margin:0 auto}#platforms{display:flex;justify-content:space-around;padding:1.4vh 0}#genres{text-align:center;height:4.5vh;padding-left:1.5vh}#bio,#genres{font-size:3vh}#bio{padding:.5vh 0 0 1.5vh;height:20vh;border:.08rem solid grey;max-width:100%;margin:0 auto 4vh;border-radius:.8vh}.profile__editGenreList{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;width:100%;margin:0 auto}.profile__editGenre{display:inline-flex;align-items:center;white-space:nowrap;background-color:#330867;color:#fff;border-radius:.5vh;padding:.5vh 0 .35vh .5vh;margin:.75vh}.profile__editGenreLabel{font-size:2.6vh;font-weight:600}.profile__editGenreButton{display:inline-block;margin:0 .75vh 0 .6vh;padding-bottom:.2vh;height:auto;width:1.8vh}.profile__editGenre:hover{background-color:#d0d0d0}.profile__editGenre:hover>.profile__editGenreButton{stroke:#e00000;width:2.1vh;margin:0 .6vh 0 .45vh;stroke-width:2.5}.profile__genreSelect{font-size:2.6vh;font-weight:600;background-color:#135db1;border-radius:.5vh;border:.1rem solid #135db1;padding:.5vh 0 .65vh .35vh;margin:.75vh .2rem;text-align:center;color:#fff}.profile__genreSelectItem{border:.1rem solid #e0e0e0;font-size:2.6vh;font-weight:600}.imageError{font-weight:700;color:#b61515;text-align:center;padding:10px;margin-top:10px;font-size:2.5vmax}@media screen and (min-width:600px){.profile__icons-container,.profile__section{max-width:70%}.profile__section>*{font-size:3vh}}@media screen and (min-width:800px){.profile__editForm{width:60%}}@media screen and (min-width:900px){.profile__icons-container{max-width:55%}.profile__section{max-width:615px}.profile__section>*{font-size:2.5vh}}@media screen and (min-width:950px){.profile__editForm{width:50%}}.gamer-tag__container{display:flex;justify-content:space-between;width:90%;margin:2vh auto}label.gamer-tag__label{background:#fff;padding:.7vh 1.5vh;font-weight:400;width:35%;border-radius:none;color:#000;display:inline-block}.gamer-tag__input,label.gamer-tag__label{font-size:3vh;height:4.5vh;text-align:left}.gamer-tag__input{padding:.5vh 0 0 1.5vh;border:.08rem solid grey;width:60%;margin:0 auto;border-radius:1vh}.back-drop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.8)}.back-drop,.ConfirmDialog{margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.ConfirmDialog{background:#fff;border-radius:.8vmax;padding:.7vmax 10vmin}.ConfirmDialog__prompt{padding-top:1rem}.ConfirmDialog__question{padding:1rem}.ConfirmDialog__controls{margin:1rem}.ConfirmDialog__controls>*{margin:0 1rem}.fade-in{opacity:1;-webkit-animation-name:fadeInOpacity;animation-name:fadeInOpacity;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-duration:.25s;animation-duration:.25s}@-webkit-keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}.matches__icons-container{display:flex;justify-content:space-around;align-items:center;padding:1vmax 0;height:8vmax;max-height:7rem;width:80%;margin:auto}.matches__back-icon{height:4vmax;max-height:5rem;margin:.5vmax 0}.matches__header-container{display:flex;justify-content:center;flex-direction:column;align-items:center}.matches__header{text-align:center;font-size:2.8vmax;width:20vmax;padding:.5vmax;color:#000;border:none}.headerBorder{border:.1rem solid #000;width:12%;margin-top:2rem}.matches__mail-icon,.matches__unmatch-icon{height:5vh}.matches__unmatch-icon:hover{cursor:pointer}.matches__ul{width:80%;margin:auto}.matches__li,.matches__ul{display:flex;flex-direction:column;justify-content:center;align-items:center}.matches__li{cursor:pointer;margin:1vmax 0;background:#fff;border-radius:.8vmax;width:100%;box-shadow:.5rem 1rem .8rem #888}.matches__avatar{height:15.5vmax;width:auto;max-width:80%;border-radius:.8vmax;margin-bottom:2vmax}.matches__controls{width:100%;display:flex;justify-content:space-evenly;align-items:center;padding:1rem}.matches__display-name{font-size:3vmax;margin-bottom:2vmax}.matches__info{height:100%;padding:2vmax 0 0;width:100%;-webkit-transition:padding .1s,height .1s;transition:padding .1s,height .1s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.matches__gamer-tags>p,.matches__info>p{font-size:2.3vmax;-webkit-transition:font-size .3s;transition:font-size .3s;-webkit-transition-delay:.2s;transition-delay:.2s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.matches__card-header{width:100%;font-size:2.5vmax;font-weight:700;padding:.5vh 2vw;-webkit-transition:font-size .2s,background-color .2s,padding .2s,margin .2s;transition:font-size .2s,background-color .2s,padding .2s,margin .2s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;text-align:center;color:#000;border-bottom:.3rem solid #d3d3d3;width:60%;margin:0 auto}.matches__platforms{width:100%;display:flex;justify-content:space-around;padding:1vmax 0}.matches__platforms>*{height:6vmax;-webkit-transition:height .5s;transition:height .5s;-webkit-transition-delay:.1s;transition-delay:.1s}.matches__bio,.matches__gamer-tags,.matches__genres{font-size:2.3vmax;text-align:center}.matches__bio{padding:0 1.5vmin;margin-bottom:2vmax}.hidden{padding:0}.matches__li>.hidden>div{padding:0;-webkit-transition-delay:.2s;transition-delay:.2s;border:none}.matches__li>.hidden>h4{font-size:0;background-color:#fff;padding:0;margin:0;-webkit-transition-delay:.1s;transition-delay:.1s;border:none}.matches__li>.hidden>p{font-size:0;padding:0;margin:0;-webkit-transition-delay:0s;transition-delay:0s}.hidden>.matches__platforms>*{height:0;-webkit-transition-delay:0s;transition-delay:0s}.matchesStyleDiv{display:flex;flex-direction:column;align-items:center;width:100%;border-radius:.8vmax;padding:1rem;box-shadow:.5rem 1rem .8rem #888;-webkit-transition-duration:.8s;transition-duration:.8s}.noMatchesPara{text-align:center;margin-top:18rem;font-weight:700;font-size:1.6rem}@media screen and (min-width:600px){.matches__icons-container,.matches__ul{max-width:70%}}@media screen and (min-width:900px){.matches__icons-container,.matches__ul{max-width:55%}.matchesStyleDiv{height:250px}.matchesStyleDiv:hover{box-shadow:.5rem 1rem .8rem #87cefa}.matches__info{width:80%}.matches__li{width:70%}.matches__header{font-size:2rem}.matches__back-icon{height:3rem}.headerBorder{width:10%;margin-top:0}.matches__avatar{height:100px;margin-bottom:20px}.matches__display-name{font-size:25px;margin-bottom:20px}.matches__card-header,.matches__card-header.hidden1{font-size:22px}.matches__platforms>*{height:4vmax}.matches__info>p{font-size:20px;margin-top:10px;margin-bottom:10px}}.chat__main{height:100vh;display:flex;flex-direction:column;justify-content:space-between;position:relative}.chat__nav{height:13vmin;max-height:11rem;background-color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 1rem .8rem #888;border:none;box-shadow:0 .8rem .8rem #888}.chat__back{position:fixed;top:1.8vh;left:1.8vw;width:auto;height:7vmin;max-height:6rem}.chat__chatting-with{font-size:6.5vmin;font-weight:700;max-width:70vmin;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#000}.chat__message-container{display:flex;flex-direction:column;justify-content:flex-start;height:100%;min-height:calc(100vh - 28vmin);overflow-y:auto;padding:2vh 3vw 0}.chat__message-container>:first-child{margin-top:auto}.chat__none{height:100%;display:flex;justify-content:center;align-items:center}.chat__none-message{width:75%;font-size:3vmax;text-align:center}.chat__message{display:flex;align-items:flex-end;min-height:8vmin;margin:1vmin;width:100%}.chat__user-message{justify-content:flex-end}.chat__message-text{position:relative;z-index:-1;font-size:3.5vmin;padding:2vmin 1vmin;border-radius:1vmin;margin:0 1vmin;max-width:87vw}.chat__user-message-text{background-color:#a1d3e4}.chat__partner-message-text{background-color:#50c250}.chat__avatar{position:relative;z-index:-1;width:auto;height:8vmin}.chat__message-form{background-color:#fff;height:15vmin;width:100vw;display:flex;justify-content:space-around;align-items:center;padding:0 1vmin}.chat__message-form>*{font-size:5vmin}.chat__input{width:85vw;height:10vmin;resize:none;padding:.5vmin;border-radius:1vmin}.chat__send{width:9vmin;height:auto}.chat__send:hover{cursor:pointer}@media screen and (min-width:900px){.chat__chatting-with{font-size:30px}.chat__none-message{font-size:20px}.chat__back{height:40px;margin-top:5px}}.App{height:100vh}.blue-button,.lfm-in{text-align:center}.blue-button{display:inline-block;font-size:2rem;font-weight:700;padding:.8rem 2rem;text-decoration:none;border-radius:.5rem;background-color:#306499;color:#fff;border-color:#306499;border-width:0;-webkit-transition-duration:.2s;transition-duration:.2s}.blue-button:hover{cursor:pointer;-webkit-transform:translateY(-.25rem);transform:translateY(-.25rem)}.blue-button-margin{margin:4vh auto 0}.lds-roller{display:block;position:relative;width:80px;height:80px;margin:180px auto 0}.lds-roller div{-webkit-animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;-webkit-transform-origin:40px 40px;transform-origin:40px 40px}.lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#30cfd0;margin:-4px 0 0 -4px}.lds-roller div:first-child{-webkit-animation-delay:-36ms;animation-delay:-36ms}.lds-roller div:first-child:after{top:63px;left:63px}.lds-roller div:nth-child(2){-webkit-animation-delay:-72ms;animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:6.8rem;left:56px}.lds-roller div:nth-child(3){-webkit-animation-delay:-.108s;animation-delay:-.108s}.lds-roller div:nth-child(3):after{top:71px;left:4.8rem}.lds-roller div:nth-child(4){-webkit-animation-delay:-.144s;animation-delay:-.144s}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){-webkit-animation-delay:-.18s;animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:71px;left:32px}.lds-roller div:nth-child(6){-webkit-animation-delay:-.216s;animation-delay:-.216s}.lds-roller div:nth-child(6):after{top:6.8rem;left:24px}.lds-roller div:nth-child(7){-webkit-animation-delay:-.252s;animation-delay:-.252s}.lds-roller div:nth-child(7):after{top:63px;left:17px}.lds-roller div:nth-child(8){-webkit-animation-delay:-.288s;animation-delay:-.288s}.lds-roller div:nth-child(8):after{top:56px;left:12px}@-webkit-keyframes lds-roller{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-roller{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.6b4d5b50.chunk.css.map */