.ProjectInfo_topBar__v7vBO{background-color:#000;padding:20px 30px;display:flex;align-items:flex-end;overflow:hidden;position:-webkit-sticky;position:sticky;top:67.2px;z-index:1}.ProjectInfo_nodata__GKSrn{font-weight:300;text-align:center;margin-top:30vh;opacity:.5}.ProjectInfo_projectName__TVJkb{font-size:3rem;margin-top:10px;opacity:.6}.ProjectInfo_mainSection__UkGKb{margin:40px auto;padding:40px 40px 60px;box-shadow:0 0 25px rgba(0,0,0,.5);background-image:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.6)),url(/assets/infosection.png)}.ProjectInfo_photoDiv__H0FdS{display:flex;gap:40px;align-items:flex-start}.ProjectInfo_imgpart__thypi{width:65%;aspect-ratio:16/9;position:relative;box-shadow:0 0 25px #000;border:10px solid #b7c8d7}.ProjectInfo_imgpart__thypi img{object-fit:cover}.ProjectInfo_infopart__Q4SnY{width:35%}.ProjectInfo_techstack__uG9UF{background-color:#f0f8ff;color:#000;height:-moz-fit-content;height:fit-content;padding:15px 20px 20px}.ProjectInfo_techstackH3__ViwZm:after{content:"";width:100%;height:2px;background-color:#8a2be2;display:block;margin-top:6px}.ProjectInfo_techstackWrapper__ZmRkf{margin-top:20px;text-transform:uppercase;display:flex;flex-wrap:wrap;gap:10px;font-weight:500;color:#340096}.ProjectInfo_header__XmJW6{font-size:1.4rem;padding-bottom:5px;width:-moz-fit-content;width:fit-content;border-bottom:1px solid #d7d7d7}.ProjectInfo_infoDiv__MjFIJ{margin-top:30px}.ProjectInfo_infoP__E6oTC{margin-top:15px;font-size:1.1rem;line-height:27px}.ProjectInfo_btnWrapper__XQxTC{margin-top:30px;display:flex;flex-wrap:wrap;gap:20px}.ProjectInfo_facebook__H6keh,.ProjectInfo_github__GFYpM,.ProjectInfo_live__7g_RU,.ProjectInfo_youtube__VyYvs{border:2px solid #fff;padding:8px 18px;display:flex;align-items:center;gap:8px;border-radius:7px;transition:all .3s ease-in-out}.ProjectInfo_live__7g_RU{background-color:green;border-color:green}.ProjectInfo_youtube__VyYvs{border-color:#ff4141;color:#ff4141}.ProjectInfo_facebook__H6keh{color:#1877f2;background-color:#fff}.ProjectInfo_github__GFYpM{border-color:#5b5858;color:#fff;background-color:#333}.ProjectInfo_icon__GaI45{font-size:1.3rem}.ProjectInfo_projectReviewSection__JqCUq{margin-top:40px}.ProjectInfo_giveReview__fFQKe{display:flex;gap:10px 20px;margin-top:20px;align-items:center;flex-wrap:wrap}.ProjectInfo_giveReviewP__ECZW_{font-size:1.2rem}.ProjectInfo_giveReviewBtn__BJUCQ{background-color:#fff;color:#000;padding:8px 20px;font-size:1.1rem;font-weight:500;border-radius:4px;position:relative;transition:all .2s}.ProjectInfo_giveReviewBtn__BJUCQ:after{position:absolute;top:50%;left:50%;width:100%;content:"";border:2px solid #fff;transform:translate(-50%) scale(0);height:100%;border-radius:4px;transition:transform .2s ease-in-out}.ProjectInfo_reviewWrapper__WajLn{background-color:rgba(51,51,51,.571);margin-top:30px;padding:30px;display:flex;flex-direction:column;gap:27px}.ProjectInfo_reviewCard__IUleO{padding:17px 25px;box-shadow:2px 3px 15px rgba(0,0,0,.5);max-width:600px;background-color:#0c0c0c}.ProjectInfo_review__8EE6d{color:#d5d5d5;line-height:22px}.ProjectInfo_username__QZ2m2{color:#7d7d7d;margin-top:10px}.ProjectInfo_live__7g_RU:active{border-color:#fff;background-color:#015801}.ProjectInfo_youtube__VyYvs:active{background-color:#cc0909;border-color:#cc0909;color:#fff}.ProjectInfo_facebook__H6keh:active{background-color:#1366d1;color:#fff}.ProjectInfo_github__GFYpM:active{border-color:#c9510c;background-color:#000;color:#c9510c}.ProjectInfo_giveReviewBtn__BJUCQ:active:after{transform:translate(-50%,-50%) scale(1);padding:4px}.ProjectInfo_giveReviewBtn__BJUCQ:active{transform:scale(.9)}@media (hover:hover){.ProjectInfo_live__7g_RU:hover{border-color:#fff;background-color:#015801}.ProjectInfo_youtube__VyYvs:hover{background-color:#cc0909;border-color:#cc0909;color:#fff}.ProjectInfo_facebook__H6keh:hover{background-color:#1366d1;color:#fff}.ProjectInfo_github__GFYpM:hover{border-color:#c9510c;background-color:#000;color:#c9510c}.ProjectInfo_giveReviewBtn__BJUCQ:hover:after{transform:translate(-50%,-50%) scale(1);padding:4px}.ProjectInfo_giveReviewBtn__BJUCQ:hover{transform:scale(.9)}.ProjectInfo_giveReviewBtn__BJUCQ:active{background-color:#333;color:#f5f5f5}}@media screen and (max-width:1030px){.ProjectInfo_photoDiv__H0FdS{flex-direction:column-reverse;align-items:center;gap:60px}.ProjectInfo_imgpart__thypi{width:90%;border-width:15px}.ProjectInfo_infopart__Q4SnY{width:100%;display:flex;flex-direction:row-reverse;gap:20px}.ProjectInfo_infoDiv__MjFIJ{width:70%;margin-top:0}.ProjectInfo_techstack__uG9UF{width:30%}}@media screen and (max-width:800px){.ProjectInfo_infopart__Q4SnY{flex-direction:column-reverse;gap:40px}.ProjectInfo_infoDiv__MjFIJ,.ProjectInfo_techstack__uG9UF{width:100%}}@media screen and (max-width:660px){.ProjectInfo_imgpart__thypi{width:100%;border-width:10px}}@media screen and (max-width:550px){.ProjectInfo_imgpart__thypi{border-width:5px}.ProjectInfo_mainSection__UkGKb{padding:45px 20px 40px;width:100%;margin:0}.ProjectInfo_photoDiv__H0FdS{gap:30px}.ProjectInfo_infoP__E6oTC{font-size:.9rem;line-height:23px}.ProjectInfo_list__efbAJ{font-size:.8rem}.ProjectInfo_giveReviewP__ECZW_{font-size:1rem}.ProjectInfo_giveReviewBtn__BJUCQ{font-size:.83rem}.ProjectInfo_facebook__H6keh,.ProjectInfo_github__GFYpM,.ProjectInfo_live__7g_RU,.ProjectInfo_youtube__VyYvs{font-size:.9rem}.ProjectInfo_icon__GaI45{font-size:1.1rem}.ProjectInfo_btnWrapper__XQxTC{gap:18px}.ProjectInfo_review__8EE6d{font-size:.8rem}.ProjectInfo_username__QZ2m2{font-size:.9rem}.ProjectInfo_reviewWrapper__WajLn{padding:20px;gap:20px}.ProjectInfo_reviewCard__IUleO{padding:15px 18px}.ProjectInfo_projectName__TVJkb{font-size:2.5rem}.ProjectInfo_gobackBtn__g5cmd{font-size:1rem}.ProjectInfo_contributorWrapper__tnGcT{grid-auto-flow:column;overflow-x:auto;padding:40px 45px 40px 25px;margin-left:-25px}.ProjectInfo_contributorCard__XdIkX{min-width:200px}.ProjectInfo_topBar__v7vBO{padding:20px 0}}.goBackBtn_gobackBtn__RMsxt{background-color:transparent;color:#fff;display:flex;align-items:center;font-size:1.2rem;cursor:pointer;gap:6px;transition:all .25s ease;border:none;outline:none}.goBackBtn_gobackBtn__RMsxt:active{color:#c9510c;transform:translateX(-15px)}@media (hover:hover){.goBackBtn_gobackBtn__RMsxt:hover{color:#c9510c}.goBackBtn_gobackBtn__RMsxt:active{transform:translateX(-15px)}}