@import url(https://fonts.googleapis.com/css?family=Montserrat:400,800);body,html{margin:0;padding:0}#root{font-family:"Cormorant Infant",serif}.overlay-panel{box-sizing:border-box}h1{font-weight:700;margin:0}h2{text-align:center}p{font-weight:100;line-height:20px;letter-spacing:.5px;margin:20px 0 30px}a,p{font-size:14px}a{color:#333;text-decoration:none;margin:15px 0}.sign-up{border-radius:20px;border:1px solid #3c42c4;background-color:#3c42c4;color:#fff;font-size:12px;font-weight:700;padding:10px;letter-spacing:1px;text-transform:uppercase;transition:-webkit-transform 80ms ease-in;transition:transform 80ms ease-in;transition:transform 80ms ease-in,-webkit-transform 80ms ease-in;margin:.5rem 0}.modal-sign-in-header{color:#3c42c4}.sign-in-container button{width:171px}.sign-up:active{-webkit-transform:scale(.95);transform:scale(.95)}.ghost{border-radius:20px;border:1px solid #ff4b2b;background-color:#ff4b2b;color:#fff;font-size:12px;font-weight:700;padding:12px 45px;letter-spacing:1px;text-transform:uppercase;transition:-webkit-transform 80ms ease-in;transition:transform 80ms ease-in;transition:transform 80ms ease-in,-webkit-transform 80ms ease-in}.ghost:active{-webkit-transform:scale(.95);transform:scale(.95)}button:focus{outline:none}button.ghost{background-color:initial;border-color:#fff}.form-modal{background-color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 50px;height:100%;text-align:center}.modal-inputs{background-color:#eee;border:none;padding:12px 15px;margin:8px 0;width:100%}.container{background:#dda2a3;border-radius:10px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);position:relative;overflow:hidden;width:768px;max-width:100%;min-height:480px}.form-container{position:absolute;top:0;height:100%;transition:all .6s ease-in-out}.sign-in-container{left:0;width:50%;z-index:2}.container.right-panel-active .sign-in-container{-webkit-transform:translateX(100%);transform:translateX(100%)}.sign-up-container{left:0;width:50%;opacity:0;z-index:1}.container.right-panel-active .sign-up-container{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:1;z-index:5;-webkit-animation:show .6s;animation:show .6s}@-webkit-keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}@keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.overlay-container{position:absolute;top:0;left:50%;width:50%;height:100%;overflow:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out;z-index:100}.container.right-panel-active .overlay-container{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.overlay{background:#960628;background:linear-gradient(90deg,#a065cd,#6e51c8);background-repeat:no-repeat;background-size:cover;background-position:0 0;color:#fff;position:relative;left:-100%;height:100%;width:200%;-webkit-transform:translateX(0);transform:translateX(0);transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}.container.right-panel-active .overlay{-webkit-transform:translateX(50%);transform:translateX(50%)}.overlay-panel{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 40px;text-align:center;top:0;height:100%;width:50%;-webkit-transform:translateX(0);transform:translateX(0);transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}.overlay-left{-webkit-transform:translateX(-20%);transform:translateX(-20%)}.container.right-panel-active .overlay-left,.overlay-right{-webkit-transform:translateX(0);transform:translateX(0)}.overlay-right{right:0}.container.right-panel-active .overlay-right{-webkit-transform:translateX(20%);transform:translateX(20%)}.social-container{margin:20px 0}.social-container a{border:1px solid #ddd;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;margin:0 5px;height:40px;width:40px}.errors-login-modal{color:red}#modal{display:flex;justify-content:center;align-items:center;z-index:28}#modal,#modal-background{position:fixed;top:0;right:0;left:0;bottom:0}#modal-background{background-color:rgba(0,0,0,.7)}#modal-content{position:absolute;background-color:#fff}.nav-bar{background:#fff}.nav-bar,.nav-list{margin:0;width:100%}.nav-list{justify-content:space-between;list-style:none;height:80px;top:0;box-sizing:border-box;border-bottom:1px solid rgba(0,0,0,.1)}.left-nav,.nav-list{display:flex;align-items:center}.left-nav{flex-direction:row}.discover{padding:5px;text-decoration:none;letter-spacing:.5px;font-size:24px;display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;transition-duration:.3s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.discover:before{pointer-events:none;position:absolute;z-index:-1;content:"";top:100%;left:5%;height:10px;width:90%;opacity:0;background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,transparent 80%);transition-duration:.3s;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.discover:active,.discover:focus,.discover:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.discover:active:before,.discover:focus:before,.discover:hover:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px)}.default-profile-pic{border-radius:100%;height:70px;width:70px;object-fit:cover}.Right-nav-user{display:flex;align-items:center;margin:0 6.2rem}.user-name{padding:5px}.nav-bar-splash{margin:0;width:100%;background-color:#3c42c4}.nav-list-splash{display:flex;justify-content:space-between;list-style:none;height:80px;width:100%px;margin:0 3rem;top:0;align-items:center;box-sizing:border-box}.right-nav-items-splash{display:flex;flex-direction:row}.right-nav-items-splash-login{padding:10px}.sign-up-button{font-family:"Nunito",sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:1.3px;font-weight:700;color:#313133;background:#d68fb8;background:linear-gradient(90deg,#d68fb8,#d68fb8);border:none;border-radius:1000px;box-shadow:3px 3px 5px #d68fb8;transition:all .3s ease-in-out 0s;cursor:pointer;outline:none;position:relative;padding:10px}sign-up-button:before{content:"";border-radius:1000px;min-width:312px;min-height:72px;border:6px solid #00ffcb;box-shadow:0 0 60px rgba(0,255,203,.64);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;transition:all .3s ease-in-out 0s}.sign-up-button:focus,.sign-up-button:hover{color:#313133;-webkit-transform:translateY(-6px);transform:translateY(-6px)}sign-up-button:focus:before,sign-up-button:hover:before{opacity:1}sign-up-button:after{content:"";width:30px;height:30px;border-radius:100%;border:6px solid #00ffcb;position:absolute;z-index:-1;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:ring 1.5s infinite;animation:ring 1.5s infinite}sign-up-button:focus:after,sign-up-button:hover:after{-webkit-animation:none;animation:none;display:none}.profile-button{background-color:#fff;border:none}.left-logo img{height:3.5rem}.profile-button img:hover{cursor:pointer;box-shadow:0 3px 3px rgba(65,7,92,.8)}.Right-nav-user{text-decoration:none;background-color:#fff}.profile-dropdown{position:absolute;top:70px;flex-basis:content;width:180px;height:auto;list-style:none;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:15px;box-shadow:0 0 5px rgba(0,0,0,.2);display:block;flex-direction:column;align-content:flex-start;justify-content:space-between;padding:5px 0 15px;font-size:14px;font-weight:600;color:rgba(0,0,0,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;z-index:4}.profile-dropdown li{padding-left:15px;line-height:40px}.login-button:hover{cursor:pointer}.dropdown-button:hover{background-color:rgba(0,0,0,.03);cursor:pointer}.account-button{color:#000;text-decoration:none;font-weight:400}.dropdown-button.border{border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1)}.account-button,.logout-button{background:none;border:none;font-size:17px;padding:0;width:160px;height:20px;display:flex;justify-content:flex-start;align-items:center}.dropdown-button:hover,.logout-button:hover{cursor:pointer}.nav-sign-up-button{background-color:none;font-size:15px;font-family:Arial,Helvetica,sans-serif;border:1px solid #000}.right-nav-items-splash-login button{background:none;width:100px;height:30px;cursor:pointer;margin-left:1rem}.logout-button{height:35px;font-size:14px;display:flex}.entire-profiles-page{background-color:#d68fb8;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:100vh;display:flex;justify-content:center;padding-bottom:140px;box-sizing:border-box}.profile-box{display:flex;height:200px;width:200px;border-radius:100px;background:linear-gradient(121deg,#6e51c8 13%,#6e51c8);transition:all 50ms ease-in;transition-delay:.1s;margin:100px auto auto;--margin-top:100px;overflow:hidden;color:#fff}.profile-box:hover{width:540px;height:290px;transition:all .5s ease-out}#name-title{font-size:20px}.profile-box-content:hover{display:flex;visibility:visible;transition:all .1s ease-out;transition-delay:5ms;width:100%;height:auto}.profile-box #main,.profile-box #main img{height:200px;width:200px;padding-right:10px;border-radius:100%;flex-shrink:0;object-fit:cover}.profile-box #main img{height:180px;width:180px;transition:none;display:float;position:relative;margin:0;padding:0}.profile-box #main img,.profile-box:hover #main img{border:10px solid #6e51c8}.profile-box #texting{position:static;flex-direction:column;font-size:15px;text-overflow:ellipsis;overflow-wrap:break-word;word-break:break-word}.inner-profiles-container{display:grid;grid-template-columns:500px 500px 500px;width:100%;margin:auto;height:100%;background-color:#fff;padding-bottom:140px}.create-name-main-page-container{display:flex;flex-direction:column}.create-name-header-container{background:#6e51c8;height:6rem;width:100%}.create-name-center-content{display:flex;justify-content:center;margin-top:2.2rem;font-size:24px}.create-name-icon-details{display:flex;flex-direction:row}.create-name-icon i{margin:0 .5rem}.create-name-bottom-section-details-container{display:flex;flex-direction:column;align-items:center}.input-name-container{height:25rem;display:flex;flex-direction:column;justify-content:center}.input-name-container input{height:2.5rem;width:15rem}.fa-angle-left{cursor:pointer}.create-name-button{background-color:#f08080;border:1px solid #d3d3d3;width:4.5rem;height:2.5rem;border-radius:2rem;cursor:pointer}.create-name-button-container{display:flex;width:100%;justify-content:flex-end;margin-right:20rem}.create-name-error-div{color:red}.birthday-details-container{display:flex;height:15rem}.birthday-input{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%}.birthday-input div{margin:0 .5rem}.birthday-input input{width:9rem}.birthday-input-container,.input-content-container{display:flex;flex-direction:column}.text-area-container{padding:1rem}.text-area-container textarea{width:15rem;height:8rem;resize:none}.chat_main_container{width:100%;justify-content:center;margin-bottom:8%;margin-top:30px;height:90vh}.chat_container,.chat_main_container{position:relative;display:flex;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content}.chat_container{width:1396px;max-width:100%;background:#fff;height:100%;box-shadow:0 4px 4px 0 rgba(0,0,0,.06),0 8px 10px 0 rgba(0,0,0,.06);flex-direction:row;border-radius:50px}.chat_container .leftSide{flex:30 1;position:relative;border-top-left-radius:50px;border-bottom-left-radius:50px;background:#d68fb8;background:var(--main-color-light-pink);overflow-y:auto;text-overflow:ellipsis}.chat_container .leftSide::-webkit-scrollbar{width:12px}.chat_container .leftSide::-webkit-scrollbar-track{background:#d68fb8;background:var(--main-color-light-pink)}.chat_container .leftSide::-webkit-scrollbar-thumb{background-color:#eac4ae;background-color:var(--main-color-peach);border-radius:20px;border:3px solid #d68fb8;border:3px solid var(--main-color-light-pink)}.chat_container .rightSide{flex:70 1;position:relative;background:#eac4ae;background:var(--main-color-peach);border-top-right-radius:50px;border-bottom-right-radius:50px;z-index:1}.chat_container .rightSide:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(https://i.imgur.com/kVRSKdc.png);object-fit:cover;background-repeat:no-repeat;background-position:50%;background-size:100%;z-index:-1;opacity:.1}.chatList_item{display:flex;justify-content:center;align-items:center;padding:1.5rem 0;border-bottom:1px solid rgba(0,0,0,.2);box-shadow:0 8px hsla(0,0%,100%,.06);cursor:pointer}.chat_box,.chatList_item{position:relative;width:100%}.chat_box{box-sizing:border-box;padding:50px;height:100%}.message_box{padding:50px;height:86%;overflow:scroll;background:hsla(0,0%,88.2%,.3);border-radius:20px;box-shadow:7px 7px 5px rgba(0,0,0,.2),7px -7px 5px rgba(0,0,0,.2),-7px 7px 5px rgba(0,0,0,.2),-7px -7px 5px rgba(0,0,0,.2)}.message_box::-webkit-scrollbar{display:none}.message_box{-ms-overflow-style:none;scrollbar-width:none}.chat_message{box-sizing:border-box;display:flex;width:100%}.chat_message p{position:relative;right:0;text-align:right;max-width:65%;padding:1em;background:#f4dfbe;background:var(--main-color-light-brown);border-radius:10px;font-size:1em;margin:5px 0}.chat_message p:before{content:"";position:absolute;top:0;right:-12px;width:20px;height:20px;background:linear-gradient(135deg,#f4dfbe,#f4dfbe 50%,transparent 0,transparent);background:linear-gradient(135deg,var(--main-color-light-brown),var(--main-color-light-brown) 50%,transparent 0,transparent)}.my_messages{justify-content:flex-end;position:relative}.other_messages{justify-content:flex-start}.other_messages p{background:#dda2a3;background:var(--main-color-pink-red);text-align:left}.chat_message.other_messages p:before{content:"";position:absolute;top:0;left:-12px;width:20px;height:20px;background:linear-gradient(225deg,#dda2a3,#dda2a3 50%,transparent 0,transparent);background:linear-gradient(225deg,var(--main-color-pink-red),var(--main-color-pink-red) 50%,transparent 0,transparent)}.message_buttons button{border:none;background:none;font-size:1rem}.message_buttons button>i{color:#ce79d2;color:var(--main-color-dark-pink)}.message_buttons{display:flex;flex-direction:row;position:absolute;right:5;bottom:-4}.chat_form{position:relative;display:flex;justify-content:center;align-items:center;position:absolute;bottom:0;left:0;width:100%;height:5rem}.input_container{display:flex;width:84%;height:3rem;border:1px solid #ce79d2;border:1px solid var(--main-color-dark-pink);border-radius:20px;position:relative;color:#ce79d2;color:var(--main-color-dark-pink);background:#f4dfbe;box-shadow:5px 5px 5px rgba(0,0,0,.2),5px -5px 5px rgba(0,0,0,.2),-5px 5px 5px rgba(0,0,0,.2),-5px -5px 5px rgba(0,0,0,.2)}.chat_form span{position:absolute;left:0;padding:15px;pointer-events:none;font-size:1em;text-transform:uppercase;color:rgba(206,121,210,.6)}.chat_form input{background:none;outline:none;width:100%;border:none;padding-left:20px;font-size:1em;color:#ce79d2;color:var(--main-color-dark-pink)}.chat_counter{display:flex;align-items:center;text-align:center;padding-right:20px}.input_container input:focus~span{color:#fff;transition:.5s;-webkit-transform:translateX(10px) translateY(-7px);transform:translateX(10px) translateY(-7px);font-size:.8em;padding:0 10px;background:#ce79d2;background:var(--main-color-dark-pink);border-radius:3px;letter-spacing:.2em}.chat_submit{margin-left:5px;background:#f4dfbe;background:var(--main-color-light-brown);outline:none;border-radius:50%;border:1px solid #ce79d2;border:1px solid var(--main-color-dark-pink);height:3rem;width:3rem;color:#ce79d2;color:var(--main-color-dark-pink);box-shadow:5px 5px 5px rgba(0,0,0,.2),5px -5px 5px rgba(0,0,0,.2),-5px 5px 5px rgba(0,0,0,.2),-5px -5px 5px rgba(0,0,0,.2);display:flex;justify-content:center;align-items:center}.chat_submit i{scale:1.8}.chat_submit:hover{background:#ce79d2;background:var(--main-color-dark-pink);color:#fff}.error{border:2px solid red;color:red}.error i{scale:2}.error input:focus~span{color:#fff;transition:.5s;-webkit-transform:translateX(10px) translateY(-7px);transform:translateX(10px) translateY(-7px);font-size:.8em;padding:0 12px;background:red;border-radius:3px;letter-spacing:.2em}.error span{color:red}.error input{caret-color:red}.error+.chat_submit{border:2px solid red;color:red}:root{--main-color-blue:#3c42c4;--main-color-dark-purple:#6e51c8;--main-color-light-purple:#a065cd;--main-color-dark-pink:#ce79d2;--main-color-light-pink:#d68fb8;--main-color-pink-red:#dda2a3;--main-color-peach:#eac4ae;--main-color-light-brown:#f4dfbe}.modal-content-class{border-radius:25px}.update-modal-form{height:6.5rem;width:100%;background-color:#eac4ae;background-color:var(--main-color-peach);border-radius:25px;padding-left:2rem;padding-top:2rem;display:flex;flex-direction:column}.update-modal-form:before{content:"";position:absolute;top:0;left:1rem;width:100%;height:100%;border-radius:25px;background-image:url(https://i.imgur.com/twwe2BV.jpg);object-fit:cover;background-repeat:no-repeat;background-position:top;background-size:100%;opacity:.2}.update-modal-form form{display:flex;flex-direction:row;grid-gap:5px;gap:5px}.update-modal-form input{border-radius:25px;width:20rem;height:2rem;padding-left:1rem;background:#f4dfbe;background:var(--main-color-light-brown);box-shadow:2rem 2rem 20rem #ce79d2;box-shadow:2rem 2rem 20rem var(--main-color-dark-pink);z-index:5;outline:none}.update-modal-form button{border-radius:20px;width:2rem;height:2rem;background-color:#f4dfbe;background-color:var(--main-color-light-brown);color:#d68fb8;color:var(--main-color-light-pink);z-index:5}.modal-form-errors{padding-left:.5rem;margin-bottom:2rem;display:flex}.entire-profile-container{font-family:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif;display:flex;justify-content:center;margin-top:2rem;width:100%}.single-profile-main-container *{box-sizing:border-box;margin:0}.single-profile-main-container{display:flex}.left-side-profile-container{border-right:1px solid #000}.middle-details-container{border-right:1px solid #000;display:flex;flex-direction:column;width:40rem;align-self:center;grid-gap:1.5rem;gap:1.5rem;word-break:break-word}.middle-column-biography-container{height:250px;display:flex;align-items:flex-start;flex-direction:column;margin-left:1rem;word-break:break-word}.top-middle{border-bottom:1px solid #000}.biography-container-label{font-size:30px;padding-left:.5rem;text-decoration:underline}.biography-container-bio{font-size:24px;text-overflow:ellipsis;word-break:break-word;padding:10px}.middle-column-goals-container{height:250px;display:flex;flex-direction:column;align-items:flex-start;margin-left:1rem}.Entire-Right-side-profile-container{display:flex}.profile-images-container{display:flex;padding:.5rem 2rem;height:450px;position:relative;justify-content:flex-start;align-content:center}.big-image-left{padding-right:1rem;width:100%}.big-image-left img{width:380px;height:430px;border-radius:10px;object-fit:fit}.small-image-right{display:flex;flex-direction:column;height:200px;width:200px;grid-gap:1rem;gap:1rem;position:relative}.small-image-right img{height:207px;width:200px;border-radius:10px;object-fit:cover}.name-container{display:flex;font-size:35px;padding:.5rem 2rem;align-items:center}.match-percent-container{margin-left:1rem;padding:.4rem;border-radius:20px;width:100px;display:flex;justify-content:center}.age-location-container{padding-left:2rem}.right-side-container{display:flex;flex-direction:column;grid-gap:9rem;gap:9rem;width:60%}.label-fonts{font-family:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif;padding-left:.5rem;font-weight:700}.fa,.fa-dna,.fa-solid{display:flex;flex-direction:row;font-size:20px}.subcatergory{padding:.5rem}.delete-button{font-family:"Nunito",sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:1.3px;font-weight:700;color:#313133;background:#d68fb8;background:linear-gradient(90deg,#d68fb8,#d68fb8);border:none;border-radius:1000px;box-shadow:3px 3px 5px #d68fb8;transition:all .3s ease-in-out 0s;cursor:pointer;outline:none;position:relative;padding:10px;width:150px;display:flex;justify-content:center}delete-button:before{content:"";border-radius:1000px;min-width:312px;min-height:72px;border:6px solid #00ffcb;box-shadow:0 0 60px rgba(0,255,203,.64);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;transition:all .3s ease-in-out 0s}.delete-button:focus,.delete-button:hover{color:#313133;-webkit-transform:translateY(-6px);transform:translateY(-6px)}delete-button:focus:before,delete-button:hover:before{opacity:1}delete-button:after{content:"";width:30px;height:30px;border-radius:100%;border:6px solid #00ffcb;position:absolute;z-index:-1;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:ring 1.5s infinite;animation:ring 1.5s infinite}delete-button:focus:after,delete-button:hover:after{-webkit-animation:none;animation:none;display:none}.edit-button{font-family:"Nunito",sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:1.3px;font-weight:700;color:#313133;background:#d68fb8;background:linear-gradient(90deg,#d68fb8,#d68fb8);border:none;border-radius:1000px;box-shadow:3px 3px 5px #d68fb8;cursor:pointer;outline:none;position:relative;padding:10px;width:150px;display:flex;justify-content:center}.edit-button,edit-button:before{transition:all .3s ease-in-out 0s}edit-button:before{content:"";border-radius:1000px;min-width:312px;min-height:72px;border:6px solid #00ffcb;box-shadow:0 0 60px rgba(0,255,203,.64);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}.edit-button:focus,.edit-button:hover{color:#313133;-webkit-transform:translateY(-6px);transform:translateY(-6px)}edit-button:focus:before,edit-button:hover:before{opacity:1}edit-button:after{content:"";width:30px;height:30px;border-radius:100%;border:6px solid #00ffcb;position:absolute;z-index:-1;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:ring 1.5s infinite;animation:ring 1.5s infinite}edit-button:focus:after,edit-button:hover:after{-webkit-animation:none;animation:none;display:none}.edit-container,.other-match{margin:1rem}.entire-container{background:#dda2a3;font-weight:1000;text-transform:uppercase;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:flex;box-sizing:border-box;padding-bottom:80px}.header-person{color:#3c42c4;padding-bottom:15px;margin-left:30px;font-size:33px}.labels{font-weight:700;text-align:center;margin:auto;color:#3c42c4;font-size:18px}.question-labels{margin-left:45px}.personality-form{position:relative;top:0;left:0;right:0;bottom:0;margin:auto;width:500px;padding:16px;box-sizing:border-box}.question-choices-container{list-style-type:none;width:200px;color:#000;align-items:flex-start;align-self:flex-start;align-content:flex-start;justify-content:flex-start;font-weight:400;font-size:16px}.question-choices,.question-choices-left,.question-choices-right{position:relative;justify-content:flex-start;padding:10px 10px 10px 40px;height:30px}.answer-choices:before{content:"";width:10px;height:10px;background:#fff;position:absolute;left:10px;top:calc(50% - 13px);box-sizing:border-box;border-radius:50%}input[type=radio]{opacity:0;display:inline-block;vertical-align:middle;z-index:100;margin:0;padding:0;width:100%;height:50px;position:absolute;left:0;top:calc(50% - 15px);cursor:pointer}.bullet{position:relative;width:20px;height:20px;left:0;top:2px;border:5px solid #fff;opacity:0;border-radius:50%}input[type=radio]:checked~.bullet{position:absolute;opacity:1;-webkit-animation-name:explode;animation-name:explode;-webkit-animation-duration:.35s;animation-duration:.35s}.line{position:absolute;width:10px;height:2px;background-color:#fff;opacity:0}.line.zero{left:11px;top:-21px;-webkit-transform:translateY(20px);transform:translateY(20px);width:2px;height:10px}.line.one{right:-7px;top:-11px;-webkit-transform:rotate(-55deg) translate(-9px);transform:rotate(-55deg) translate(-9px)}.line.two{right:-20px;top:11px;-webkit-transform:translate(-9px);transform:translate(-9px)}.line.three{right:-8px;top:35px;-webkit-transform:rotate(55deg) translate(-9px);transform:rotate(55deg) translate(-9px)}.line.four{left:-8px;top:-11px;-webkit-transform:rotate(55deg) translate(9px);transform:rotate(55deg) translate(9px)}.line.five{left:-20px;top:11px;-webkit-transform:translate(9px);transform:translate(9px)}.line.six{left:-8px;top:35px;-webkit-transform:rotate(-55deg) translate(9px);transform:rotate(-55deg) translate(9px)}.line.seven{left:11px;bottom:-21px;-webkit-transform:translateY(-20px);transform:translateY(-20px);width:2px;height:10px}input[type=radio]:checked~.bullet .line.zero{-webkit-animation-name:drop-zero;animation-name:drop-zero;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}input[type=radio]:checked~.bullet .line.one,input[type=radio]:checked~.bullet .line.zero{-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-duration:.9s;animation-duration:.9s}input[type=radio]:checked~.bullet .line.one{-webkit-animation-name:drop-one;animation-name:drop-one;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}input[type=radio]:checked~.bullet .line.two{-webkit-animation-name:drop-two;animation-name:drop-two;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}input[type=radio]:checked~.bullet .line.three,input[type=radio]:checked~.bullet .line.two{-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-duration:.9s;animation-duration:.9s}input[type=radio]:checked~.bullet .line.three{-webkit-animation-name:drop-three;animation-name:drop-three;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}input[type=radio]:checked~.bullet .line.four{-webkit-animation-name:drop-four;animation-name:drop-four;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}input[type=radio]:checked~.bullet .line.five,input[type=radio]:checked~.bullet .line.four{-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-duration:.9s;animation-duration:.9s}input[type=radio]:checked~.bullet .line.five{-webkit-animation-name:drop-five;animation-name:drop-five;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}input[type=radio]:checked~.bullet .line.six{-webkit-animation-name:drop-six;animation-name:drop-six;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}input[type=radio]:checked~.bullet .line.seven,input[type=radio]:checked~.bullet .line.six{-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-duration:.9s;animation-duration:.9s}input[type=radio]:checked~.bullet .line.seven{-webkit-animation-name:drop-seven;animation-name:drop-seven;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes explode{0%{opacity:0;-webkit-transform:scale(2);transform:scale(2)}60%{opacity:1;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes explode{0%{opacity:0;-webkit-transform:scale(2);transform:scale(2)}60%{opacity:1;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes drop-zero{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);height:10px}20%{opacity:1}to{-webkit-transform:translateY(-2px);transform:translateY(-2px);height:0;opacity:0}}@keyframes drop-zero{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);height:10px}20%{opacity:1}to{-webkit-transform:translateY(-2px);transform:translateY(-2px);height:0;opacity:0}}@-webkit-keyframes drop-one{0%{opacity:0;-webkit-transform:rotate(-55deg) translate(-20px);transform:rotate(-55deg) translate(-20px);width:10px}20%{opacity:1}to{-webkit-transform:rotate(-55deg) translate(9px);transform:rotate(-55deg) translate(9px);width:0;opacity:0}}@keyframes drop-one{0%{opacity:0;-webkit-transform:rotate(-55deg) translate(-20px);transform:rotate(-55deg) translate(-20px);width:10px}20%{opacity:1}to{-webkit-transform:rotate(-55deg) translate(9px);transform:rotate(-55deg) translate(9px);width:0;opacity:0}}@-webkit-keyframes drop-two{0%{opacity:0;-webkit-transform:translate(-20px);transform:translate(-20px);width:10px}20%{opacity:1}to{-webkit-transform:translate(9px);transform:translate(9px);width:0;opacity:0}}@keyframes drop-two{0%{opacity:0;-webkit-transform:translate(-20px);transform:translate(-20px);width:10px}20%{opacity:1}to{-webkit-transform:translate(9px);transform:translate(9px);width:0;opacity:0}}@-webkit-keyframes drop-three{0%{opacity:0;-webkit-transform:rotate(55deg) translate(-20px);transform:rotate(55deg) translate(-20px);width:10px}20%{opacity:1}to{-webkit-transform:rotate(55deg) translate(9px);transform:rotate(55deg) translate(9px);width:0;opacity:0}}@keyframes drop-three{0%{opacity:0;-webkit-transform:rotate(55deg) translate(-20px);transform:rotate(55deg) translate(-20px);width:10px}20%{opacity:1}to{-webkit-transform:rotate(55deg) translate(9px);transform:rotate(55deg) translate(9px);width:0;opacity:0}}@-webkit-keyframes drop-four{0%{opacity:0;-webkit-transform:rotate(55deg) translate(20px);transform:rotate(55deg) translate(20px);width:10px}20%{opacity:1}to{-webkit-transform:rotate(55deg) translate(-9px);transform:rotate(55deg) translate(-9px);width:0;opacity:0}}@keyframes drop-four{0%{opacity:0;-webkit-transform:rotate(55deg) translate(20px);transform:rotate(55deg) translate(20px);width:10px}20%{opacity:1}to{-webkit-transform:rotate(55deg) translate(-9px);transform:rotate(55deg) translate(-9px);width:0;opacity:0}}@-webkit-keyframes drop-five{0%{opacity:0;-webkit-transform:translate(20px);transform:translate(20px);width:10px}20%{opacity:1}to{-webkit-transform:translate(-9px);transform:translate(-9px);width:0;opacity:0}}@keyframes drop-five{0%{opacity:0;-webkit-transform:translate(20px);transform:translate(20px);width:10px}20%{opacity:1}to{-webkit-transform:translate(-9px);transform:translate(-9px);width:0;opacity:0}}@-webkit-keyframes drop-six{0%{opacity:0;-webkit-transform:rotate(-55deg) translate(20px);transform:rotate(-55deg) translate(20px);width:10px}20%{opacity:1}to{-webkit-transform:rotate(-55deg) translate(-9px);transform:rotate(-55deg) translate(-9px);width:0;opacity:0}}@keyframes drop-six{0%{opacity:0;-webkit-transform:rotate(-55deg) translate(20px);transform:rotate(-55deg) translate(20px);width:10px}20%{opacity:1}to{-webkit-transform:rotate(-55deg) translate(-9px);transform:rotate(-55deg) translate(-9px);width:0;opacity:0}}@-webkit-keyframes drop-seven{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);height:10px}20%{opacity:1}to{-webkit-transform:translateY(2px);transform:translateY(2px);height:0;opacity:0}}@keyframes drop-seven{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);height:10px}20%{opacity:1}to{-webkit-transform:translateY(2px);transform:translateY(2px);height:0;opacity:0}}.create-final-details-content-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin:2rem 0}.create-final-details-content-container input{width:14rem;height:1.5rem}.create-final-details-content-container select{width:14rem}.final-details-input-container{margin:1rem 0}.create-profile-button-container{display:flex;justify-content:flex-end;padding-right:13rem}.create-profile-button{background-color:#f08080;border:1px solid #d3d3d3;width:4.5rem;height:2.5rem;border-radius:2rem}.outer-main-other-container{display:flex;justify-content:center;align-items:center}.other-error-container{padding:2rem;color:red}.edit-profile-header{display:flex;justify-content:center;margin:1rem}.edit-profile-header-content{display:flex;flex-direction:row}.profile-image-container img{width:11rem;height:11rem;border-radius:50%}.edit-profile-image-details{display:flex;flex-direction:row}.profile-details-container{margin:0 1rem;display:flex;flex-direction:column;justify-content:center}.edit-bio-container{border:1px solid #000;width:25rem;height:9rem;border-radius:.55rem;flex-wrap:wrap;margin-bottom:2rem}.edit-bio-container:hover{box-shadow:inset 2px 2px 2px #6e51c8,2px 2px 2px #6e51c8}.bio-box textarea{margin-left:2px;border-radius:1rem}.edit-bio-upper{display:flex;flex-direction:column;border-bottom:1px solid #d3d3d3;justify-content:center;padding:0 .5rem;height:4rem}.edit-bio-upper label{margin:.25rem 0}.edit-profile-body{display:flex;flex-direction:column;align-items:center;margin:1rem 0;padding-bottom:6em}.edit-bio-lower textarea{width:99%;height:4.9rem;border:none;outline:none;resize:none;overflow:hidden;text-indent:.4rem}.save-button-container{margin-bottom:6rem;width:5rem;height:2.5rem;background-color:#f08080;border-radius:10%;font-family:"Nunito",sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:1.3px;font-weight:700;color:#313133;background:#4fd1c5;background:linear-gradient(90deg,#81e6d9,#4fd1c5);border:none;border-radius:1000px;box-shadow:12px 12px 24px rgba(79,209,197,.64);transition:all .3s ease-in-out 0s;cursor:pointer;outline:none;position:relative;top:1rem;padding:10px}save-button-container:before{content:"";border-radius:1000px;min-width:312px;min-height:72px;border:6px solid #00ffcb;box-shadow:0 0 60px rgba(0,255,203,.64);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;transition:all .3s ease-in-out 0s}.save-button-container:focus,.save-button-container:hover{color:#313133;-webkit-transform:translateY(-6px);transform:translateY(-6px)}save-button-container:focus:before,save-button-container:hover:before{opacity:1}save-button-container:after{content:"";width:30px;height:30px;border-radius:100%;border:6px solid #00ffcb;position:absolute;z-index:-1;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:ring 1.5s infinite;animation:ring 1.5s infinite}save-button-container:focus:after,save-button-container:hover:after{-webkit-animation:none;animation:none;display:none}.main-edit-profile-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.edit-errors{color:red}.browse-bar-main-container{display:flex;flex-direction:row;height:8rem;align-items:center;justify-content:center;background-color:#6e51c8;font-size:30px;font-family:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif}.bubble-container{margin:0 1.5rem;display:flex;flex-direction:column;align-items:center;cursor:pointer;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;transition-duration:.3s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.bubble-container:before{pointer-events:none;position:absolute;z-index:-1;content:"";top:100%;left:5%;height:10px;width:90%;opacity:0;background:radial-gradient(ellipse at center,hsla(0,0%,100%,.35) 0,rgba(236,231,231,0) 80%);transition-duration:.3s;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.bubble-container:active,.bubble-container:focus,.bubble-container:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.bubble-container:active:before,.bubble-container:focus:before,.bubble-container:hover:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px)}.bubble-container img{height:4rem;width:4rem;border-radius:50%;object-fit:cover;border:1px solid #d3d3d3}.not-matched-profiles{padding-top:2rem;display:flex;justify-content:center;flex-direction:column;align-items:center;align-content:flex-start;align-self:flex-start}.question-button{font-family:"Nunito",sans-serif;font-size:15px;text-transform:uppercase;letter-spacing:1.3px;font-weight:700;color:#313133;background:#d68fb8;background:linear-gradient(90deg,#d68fb8,#d68fb8);border:none;border-radius:1000px;box-shadow:3px 3px 5px #d68fb8;transition:all .3s ease-in-out 0s;cursor:pointer;outline:none;position:relative;padding:10px;width:200px;display:flex;justify-content:center}question-button:before{content:"";border-radius:1000px;min-width:312px;min-height:72px;border:6px solid #00ffcb;box-shadow:0 0 60px rgba(0,255,203,.64);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;transition:all .3s ease-in-out 0s}.question-button:focus,.question-button:hover{color:#313133;-webkit-transform:translateY(-6px);transform:translateY(-6px)}question-button:focus:before,question-button:hover:before{opacity:1}question-button:after{content:"";width:30px;height:30px;border-radius:100%;border:6px solid #00ffcb;position:absolute;z-index:-1;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:ring 1.5s infinite;animation:ring 1.5s infinite}question-button:focus:after,question-button:hover:after{-webkit-animation:none;animation:none;display:none}@-webkit-keyframes ring{0%{width:30px;height:30px;opacity:1}to{width:300px;height:300px;opacity:0}}@keyframes ring{0%{width:30px;height:30px;opacity:1}to{width:300px;height:300px;opacity:0}}.container-fluid.main{position:relative;padding-top:13rem;background-color:#3c42c4;width:100%;height:100%}.title{font-weight:600;font-size:60px;margin:0 3rem;text-shadow:-8px 5px 5px #000}.subtitle,.title{font-family:Verdana;color:#fff;text-align:left;width:40rem}.subtitle{font-size:23px;margin:1rem 3rem}.explore{text-align:left;padding-top:10px;margin:1rem 3rem}.sign-up-button{width:10rem;height:3rem}.covertext{display:flex;justify-content:center}.footer{position:fixed;bottom:0;left:0;width:100%;height:80px;background:#000;justify-content:space-evenly;z-index:100}.footer,.github-links{display:flex;align-items:center}.github-links{scale:2}.github-links a i{color:#fff}.names-git{color:#fff;font-size:10px;font-family:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif}.fa-brands{display:flex;grid-gap:5px;gap:5px;flex-direction:column;justify-content:center;align-items:center}
/*# sourceMappingURL=main.9aef70a2.chunk.css.map */