*{font-family:Poppins;color:#373535;box-sizing:border-box}a{text-decoration:none}.page{display:flex;flex-direction:column;min-height:100vh}.navbar-cont{background-color:#fff;position:fixed;top:0;left:0;width:100%;display:flex;flex-direction:column;z-index:3}.navbar{font-size:1.7rem;display:flex;text-align:center;justify-content:space-evenly;align-items:center}.navbar a{display:flex;align-items:center;text-decoration:none;transition:color .3s ease,font-weight .1s linear}.navbar a:hover,.navbar a.active{color:#d0d37b;font-weight:700}.logopic{width:12.5rem;padding-bottom:0;transition:transform .3s ease-in-out}.logopic:hover{transform:scale(1.1)}.navbar-pfp{position:relative;display:inline-block;width:40px;height:40px}.navbar-pfp .pfp{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .3s ease}.navbar-pfp .black{opacity:1}.navbar-pfp .green,.navbar-pfp:hover .black{opacity:0}.navbar-pfp:hover .green{opacity:1}.navbar-pfp .green{opacity:0}.navbar-pfp:hover .green,.navbar-pfp.active .green{opacity:1}.navbar-pfp:hover .black,.navbar-pfp.active .black{opacity:0}.searchbar-cont{display:flex;justify-content:center;width:100%;margin-top:3rem;padding-top:3rem}.searchbar-form{display:flex;width:100%;max-width:900px;padding-bottom:1rem;margin-top:1rem;margin-left:2rem;margin-right:3rem}.searchbar-form input{flex:1;font-size:1.5rem;padding-left:1rem;padding-top:.25rem;padding-bottom:.25rem;margin-right:.5rem;outline:none;transition:border-color .3s ease,box-shadow .3s ease;border-radius:24px;border:solid #373535 2.5px;box-shadow:0 2px 6px #0003}.searchbar-form input:focus{border-color:#d0d37b;box-shadow:0 0 6px #22c55e99}.searchbar-form button{border-radius:24px;border:solid #373535 2.5px;padding-left:1rem;padding-right:1rem;background-color:#fff;box-shadow:0 2px 6px #0003;transition:background-color .3s ease,color .3s ease,transform .2s ease}.userCard-cont{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-top:1rem}.userCard{display:flex;background-color:#ccbdf4;width:350px;height:300px;flex-direction:column;padding:1.1rem;margin-left:3rem;margin-right:3rem;margin-bottom:3rem;border-radius:24px;box-shadow:0 2px 6px #0003;transition:transform .3s ease-in-out}.userCard:hover{transform:scale(1.1)}.userCard-top{display:flex;flex-direction:column;margin-bottom:0}.nameImage{display:flex;align-items:center;gap:1rem}.userMajor{padding-top:0}.userMajor h2{text-align:left;margin-top:.75rem;margin-bottom:-1rem}.userCard-bio p{font-size:1.3rem}.userImage-cont{display:flex;flex-direction:column;width:100px;height:100px}.name-cont{flex:1;text-align:left}.userImage-cont img{width:100%;height:100%;border-radius:50%}.button-cont{margin-top:5.5rem;height:100px;display:flex;justify-content:center;gap:50rem}.go-back-btn{height:58.5px;width:106.5px;background-color:#d0d37b;border:none;border-radius:29.25px;transition:background-color .3s ease,color .3s ease,transform .2s ease;box-shadow:0 2px 6px #0003}.fa-solid.fa-arrow-left{font-size:2.25rem;color:#373535}.sync-btn{background-color:#d0d37b;height:58.5px;border:none;border-radius:10px;transition:background-color .3s ease,color .3s ease,transform .2s ease;box-shadow:0 2px 6px #0003}.sync-btn:hover,.go-back-btn:hover{background-color:#fff;transform:scale(1.1)}.information-cont{background-color:#d0d37b;border-radius:24px;margin-left:15rem;margin-right:15rem;padding-bottom:2rem;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 2px 6px #0003}.indivProfPfp{height:140px;width:140px;display:flex;justify-content:center;margin-top:2rem}.indivProfPfp img{height:100%;width:100%;border-radius:50%;object-fit:cover}.indivName h1{font-size:2.25rem}.indivMajorSchool{margin-top:-2rem}.indivMajorSchool{font-size:.75rem}.indivLink-btn{display:flex;justify-content:center;gap:2rem}.linkedin-btn,.resume-btn{background-color:#fff;border:none;width:7rem;height:50px;border-radius:24px;font-size:1.1rem;box-shadow:0 2px 6px #0003;transition:background-color .3s ease,color .3s ease,transform .2s ease}.linkedin-btn:hover,.resume-btn:hover{background-color:#b4e2f2;transform:scale(1.1);font-weight:700}.large-traits-cont{display:flex;justify-content:center}.traits-cont{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-top:2rem;text-align:center}.prof-cont,.pers-cont{background-color:#fff;padding-left:2rem;padding-right:2rem;border-radius:24px}.prof-cont h3,.pers-cont h3{font-size:1.5rem;font-weight:800;margin-bottom:.5rem}.tracks-title,.passions-title,.skills-title,.mbti-title,.hobbies-title,.endorsements-title{font-weight:700;font-size:1.3rem;margin-bottom:0;margin-top:0}.tracks-title{color:#ccbdf4}.passions-title{color:#f6dd79}.skills-title,.mbti-title{color:#b4e2f2}.hobbies-title{color:#ccbdf4}.endorsements-title{color:#f1add9}.footer{text-align:center;margin-bottom:2rem}.sync-btn-edit{background-color:#f1add9;height:58.5px;width:55px;border:none;border-radius:10px;transition:background-color .3s ease,color .3s ease,transform .2s ease;box-shadow:0 2px 6px #0003}.go-back-btn-edit{background-color:#f1add9;height:58.5px;width:106.5px;border:none;border-radius:29.25px;transition:background-color .3s ease,color .3s ease,transform .2s ease;box-shadow:0 2px 6px #0003}.sync-btn-edit img{height:2rem}.sync-btn-edit:hover,.go-back-btn-edit:hover{background-color:#fff;transform:scale(1.1)}.information-cont-edit{background-color:#f1add9;border-radius:24px;margin-left:15rem;margin-right:15rem;padding-bottom:2rem;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 2px 6px #0003}.likes-cont{margin-top:5.5rem}.likes-cont h1{text-align:center;font-size:2rem;margin-bottom:2rem}.likesUserCard-cont{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-top:1rem}.likesUserCard{display:flex;background-color:#d0d37b;width:350px;height:300px;flex-direction:column;padding:1.1rem;margin-left:3rem;margin-right:3rem;margin-bottom:3rem;border-radius:24px;box-shadow:0 2px 6px #0003;transition:transform .3s ease-in-out}.likesUserCard:hover{transform:scale(1.1)}.likesUserCard-top{display:flex;flex-direction:column;margin-bottom:0}.likesNameImage{display:flex;align-items:center;gap:1rem}.likesUserMajor{padding-top:0}.likesUserMajor h2{text-align:left;margin-top:.75rem;margin-bottom:-1rem}.likesUserCard-bio p{font-size:1.3rem}.likesUserImage-cont{display:flex;flex-direction:column;width:100px;height:100px}.likesName-cont{flex:1;text-align:left}.likesUserImage-cont img{width:100%;height:100%;border-radius:50%}.chat-cont h1{text-align:left;margin-left:2.5rem}.chat-cont{display:flex;justify-content:center;align-items:center;margin-top:6.6rem}.chat-left{display:flex;align-items:center}.chat-card{display:flex;flex-direction:row;align-items:center;margin-bottom:4rem;justify-content:space-between;text-align:center;background-color:#f1add9;width:70rem;border-radius:24px;box-shadow:0 2px 6px #0003;transition:transform .3s ease-in-out}.chat-card:hover{transform:scale(1.1)}.chat-img-cont{margin-top:1rem;margin-left:1rem;margin-bottom:1rem;height:130px;width:130px}.chat-img-cont img{height:100%;width:100%;border-radius:50%}.chat-text-cont{display:flex;flex-direction:column;justify-content:center;margin-left:2rem;text-align:left}.chat-name-cont h1{margin-left:0}.chat-text-cont p{font-size:1.5rem}.message-btn{background-color:#fff;border:none;height:4.3rem;width:4.3rem;margin-right:2rem;border-radius:24px;transition:background-color .3s ease,color .3s ease,transform .2s ease}.message-btn img{height:2.5rem}.message-btn:hover{background-color:#b4e2f2;box-shadow:0 2px 6px #0003}body{background-color:#fff;font-family:Poppins,sans-serif}.askai-container{display:flex;flex-direction:column;align-items:center;padding:5rem 1rem 6rem;min-height:100vh;overflow-y:auto;scroll-behavior:smooth}.askai-title{font-weight:600;font-size:2rem;margin-bottom:1.5rem}.chat-box{background-color:#fff8dc;border-radius:20px;padding:1.5rem;width:100%;max-width:420px;min-height:60vh;display:flex;flex-direction:column;justify-content:flex-end;gap:.8rem;box-shadow:0 2px 8px #00000014}.bubble{padding:.8rem 1rem;border-radius:18px;line-height:1.4;max-width:85%;font-size:.95rem}.bubble.user{align-self:flex-end;background-color:#ffd966;color:#000;border-bottom-right-radius:4px}.bubble.ai{align-self:flex-start;background-color:#fff;border:1px solid #eee;color:#000;border-bottom-left-radius:4px}.input-bar{display:flex;align-items:center;gap:.5rem;margin-top:1rem;width:100%;max-width:420px}.input-bar input{flex:1;padding:.8rem 1rem;border-radius:20px;border:1px solid #ccc;outline:none;font-family:Poppins,sans-serif;font-size:1.05rem;line-height:1.4}.input-bar button{background-color:#ffd966;border:none;border-radius:50%;width:45px;height:45px;font-size:1.2rem;cursor:pointer;transition:background-color .2s ease}.input-bar button:hover{background-color:#ffce33}
