@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}html,body{width:auto!important;overflow-x:hidden!important}a{text-decoration:none}span{font-weight:400}img{-webkit-user-drag:none}.spinner{display:flex;align-items:center;justify-content:center;padding:20%}.spinner-height{height:100vh}body{background-color:#f5f5f5;width:100%;transition:background-color 1s ease-out}.follow-right{display:flex;flex-direction:column;align-items:center;margin-left:100px}.right-sug{display:flex;width:351px;justify-content:space-between;align-items:center;padding:4px 10px 10px;background-color:#fff}.right-sug p:nth-child(1){color:#8e8e8e;font-size:14px}.right-sug p:nth-child(2){color:#262626;font-size:11px}.follow-right div:nth-child(7){background-color:#fff;padding-bottom:20px}.main-container{display:flex;justify-content:space-between;margin:10px 40px;width:auto}.sidebar{width:auto;display:flex;flex-direction:column;height:48vh;justify-content:space-evenly;padding-left:1.5rem}.icon-divs{display:flex;align-items:center;text-align:center;width:auto}.icon-divs h3{padding-left:1rem;font-weight:500}.icon-divs:hover{color:#0095f6}.sidebar{cursor:pointer}.sidebar img{width:36px;height:36px;object-fit:cover;border-radius:50%}.sidebar svg{font-size:2rem}.follow-sidebar{width:auto;height:100%;margin-top:1rem}.stories-container{background-color:#fff;border-radius:8px;border:1px solid #D0D0D0;justify-content:flex-end;align-items:center;display:flex;height:116px;width:470px;margin:10px 0 20px;position:relative}.stories-nextbtn{position:absolute;z-index:1;top:38px}.all-posts{padding-bottom:10px;border-radius:8px 8px 0 0;margin-left:70px;margin-top:.8rem}.follow-sidebar-2{display:none}@media screen and (max-width: 1160px){.main-container{justify-content:center;margin:0}.double-container{display:flex;flex-direction:column}.follow-sidebar{display:none}.follow-sidebar-2{width:50px;height:auto;margin-top:1rem;display:block}.sidebar{width:265px;background-color:#fff;padding-left:18px;height:400px;margin-top:15px;border-radius:10px}.right-sug{width:265px}}@media screen and (max-width: 830px){.main-container{justify-content:center;flex-direction:column;align-items:center}.double-container{display:none}}@media screen and (max-width: 509px){.main-container{width:100%;padding:0;margin:0}}.header-main{display:flex;justify-content:space-between;align-items:center;padding:15px 50px;background-color:#fff;border-bottom:1px solid #D0D0D0;position:relative}.darkline{border-bottom:.1px solid #606060}.hamburger-icon{display:none}.hamburger-icon svg:hover{color:#0095f6}.header-right{display:flex;align-items:center;justify-content:space-between;width:9.1%}.avatar{width:40px;height:40px;object-fit:cover;border-radius:50%}.instagram-logo{margin-top:6px;cursor:pointer}.header-main section{position:relative;color:#777}.search-icon{position:absolute;top:11px;left:15px;z-index:1;color:#999}.header-main input{background-color:#efefef;position:relative;border-radius:8px;padding-left:45px;border:none;height:37px;width:25vw;font-weight:300;font-size:16.8px}.username{margin-left:5px;cursor:pointer;color:#000}.username:hover{color:#0095f6}.avatar{cursor:pointer}.modal-content{text-align:center;display:flex;flex-direction:column;align-items:center}.modal-content h2{margin-bottom:20px;font-size:24px;color:#333}.modal-content p{margin-bottom:30px;color:#666}.modal-content button{background-color:#007bff;color:#fff;border:none;border-radius:4px;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.modal-content button:hover{background-color:#0056b3}.images-for-store{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;width:auto}.images-for-store img{width:140px;height:auto;margin:0 10px 20px}.logout-modal-content{text-align:center;display:flex;flex-direction:column;align-items:center}.logout-modal-content h2{margin-bottom:20px;font-size:24px;color:#333}.logout-modal-content .buttons-container{display:flex;justify-content:space-around;width:100%;margin-top:20px}.logout-modal-content .cancel-button,.logout-modal-content .logout-button{background-color:#007bff;color:#fff;border:none;border-radius:4px;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.logout-modal-content .cancel-button:hover,.logout-modal-content .logout-button:hover{background-color:#0056b3}@media screen and (max-width: 830px){.header-main{padding:15px 10px}.hamburger-icon{display:flex;align-items:center;justify-content:space-evenly;width:40%}.hamburger-icon img{width:36px;height:36px;object-fit:cover;border-radius:50%;cursor:pointer}.hamburger-icon svg{font-size:1.8rem;cursor:pointer}}.darktext h2,.darktext p{color:#fff}@media screen and (max-width: 620px){.hamburger-icon{display:flex;align-items:center;justify-content:space-evenly;width:50%}}@media screen and (max-width: 509px){.header-main{width:100%}}@media screen and (max-width: 375px){.hamburger-icon{display:flex;align-items:center;justify-content:space-evenly;width:55%}}.single-insta-post{background-color:#fff;border-radius:8px;border:1px solid #D0D0D0;margin-bottom:20px}.username-insta-section{display:flex;justify-content:space-between;align-items:center;padding:7px}.user-insta-left{display:flex;align-items:center;font-size:14px;position:relative}.user-insta-left img{object-fit:cover;width:50px;height:50px;border-radius:25px}.blue-check{position:absolute;top:16px;left:127px}.user-insta-left{cursor:pointer}.user-insta-left img:first-child{margin-right:10px}.post-delete-btn{cursor:pointer}.username-insta-section img:nth-child(2){width:18px;height:4px;margin-right:10px;cursor:pointer}.user-insta-img{position:relative}.user-insta-img img{width:475px;height:500px;object-fit:cover;cursor:pointer}.user-dot{top:565px;left:220px;position:absolute}.user-next{top:280px;left:435px;position:absolute}.interact-insta-section{display:flex;justify-content:space-between;align-items:center;margin:5px 10px;cursor:pointer}.like-btn{font-size:30px;margin-right:7px;margin-top:2px}.like-dark-btn{font-size:30px;margin-right:7px;margin-top:2px;color:#eee}.like-filled{color:pink}.interact-insta-left{display:flex;align-items:center}.interact-insta-left img{margin:0 7px}.interact-insta-left p{border:none;background-color:transparent;cursor:pointer}.comment-insta-container{width:470px;padding:0 15px}.comment-section-insta{display:flex;justify-content:space-between}.comment-section-insta img{width:13px;height:14px}.comment-insta-likes{font-size:13px;margin:4px 0}.caption-insta,.comment-user{font-size:13.58px;margin-bottom:6px}.caption-insta{cursor:pointer}.comment-text{font-weight:300;font-size:13.58px;margin-left:5px}.caption-insta span{font-weight:300}.translation-insta{font-size:11.64px;margin-bottom:6px}.comment-count-insta{color:#8e8e8e;font-size:12.61px;margin-bottom:3px;font-weight:100;cursor:pointer}.add-comment{font-size:14px;font-weight:300;padding-bottom:20px;border:none}.comment-section-insta::placeholder{color:#262626}.added-comment-insta{margin:2px 0}.delete-post-modal{cursor:pointer;width:150px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.delete-post-modal p:nth-child(1){color:tomato}.darkpostUIBorder{background-color:#000;color:#eee;transition:background-color 1s ease;border:1px solid #606060}.darkIcons{color:#eee}.comment-section-insta .add-comment{width:450px}@media screen and (max-width: 830px){.single-insta-post{width:477.4px;margin:10px -7%}.comment-section-insta .add-comment{width:450px}}@media screen and (max-width: 509px){.single-insta-post{width:410.4px;margin-right:10px}.user-insta-img img{width:405px;object-fit:cover;cursor:pointer}.add-comment,.comment-section-insta .add-comment{width:380px}.caption-insta,.comment-user{font-size:13.58px;width:85%}.caption-insta span{font-weight:300;font-size:13px}}@media screen and (max-width: 430px){.single-insta-post{width:350px;margin-right:17px}.user-insta-img img{width:347px;object-fit:cover;cursor:pointer}.add-comment{width:350px}.comment-section-insta{width:72%}.caption-insta,.comment-user{width:75%}.comment-section-insta .add-comment{width:320px}}.main-box{display:flex;justify-content:center}.post-main-image{object-fit:cover;width:100%;object-position:center;height:80vh;width:45vw}.right-side-post-modal{width:500px;height:80vh}.all-comments-container{margin-top:10px}.scrollable-comments{min-height:36vh;max-height:36vh;overflow-y:auto;overflow-x:hidden}.darkpostUI{background-color:#000;color:#eee;transition:background-color 1s ease}@media screen and (max-width: 1200px){.post-main-image{width:37vw}.right-side-post-modal{width:425px}.scrollable-comments{min-height:25vh;max-height:26vh}}@media screen and (max-width: 1000px){.post-main-image{width:35vw}.right-side-post-modal{width:400px}}@media screen and (max-width: 888px){.right-side-post-modal{width:320px}}@media screen and (max-width: 815px){.main-box{flex-direction:column}.post-main-image{width:65vw;height:55vh}.right-side-post-modal{height:200px;width:65vw}}@media screen and (max-width: 490px){.post-main-image{width:60vw}.right-side-post-modal{width:60vw;height:100px}}@media screen and (max-width: 385px){.all-comments-container{margin-top:10px}.scrollable-comments{display:none}}@media screen and (max-width: 330px){.right-side-post-modal{display:none}}.comment-container{display:flex;justify-content:space-between;padding:5px 0;position:relative;background-color:#fff}.comment-left{display:flex}.comment-left section{margin-top:11px;padding-right:50px}.comment-container img{height:32px;width:32px;margin:10px 15px;border-radius:20px}.delete-comment{position:absolute;left:460px;top:15px;cursor:pointer}.user-pr{margin-right:7px;cursor:pointer}.hashtag{font-weight:300;color:#00376b}.actions{display:flex;margin:5px 0 5px -5px}.actions p{margin:0 5px;font-size:12px;color:#8e8e8e}.bold{font-weight:400}.darkcommentUI{background-color:#000;color:#eee;transition:background-color 1s ease}@media screen and (max-width: 1200px){.delete-comment{left:410px}}@media screen and (max-width: 1000px){.delete-comment{left:378px}}@media screen and (max-width: 888px){.delete-comment{left:290px}}@media screen and (max-width: 815px){.delete-comment{left:490px}}@media screen and (max-width: 791px){.delete-comment{left:477px}}@media screen and (max-width: 760px){.delete-comment{left:460px}}@media screen and (max-width: 750px){.delete-comment{left:450px}}@media screen and (max-width: 735px){.delete-comment{left:440px}}@media screen and (max-width: 715px){.delete-comment{left:430px}}@media screen and (max-width: 710px){.delete-comment{left:420px}}@media screen and (max-width: 690px){.delete-comment{left:410px}}@media screen and (max-width: 675px){.delete-comment{left:400px}}@media screen and (max-width: 660px){.delete-comment{left:390px}}@media screen and (max-width: 650px){.delete-comment{left:380px}}@media screen and (max-width: 630px){.delete-comment{left:370px}}@media screen and (max-width: 610px){.delete-comment{left:360px}}@media screen and (max-width: 600px){.delete-comment{left:350px}}@media screen and (max-width: 585px){.delete-comment{left:340px}}@media screen and (max-width: 565px){.delete-comment{left:330px}}@media screen and (max-width: 555px){.delete-comment{left:320px}}@media screen and (max-width: 535px){.delete-comment{left:310px}}@media screen and (max-width: 520px){.delete-comment{left:300px}}@media screen and (max-width: 505px){.delete-comment{left:290px}}@media screen and (max-width: 495px){.delete-comment{left:292px}}@media screen and (max-width: 492px){.delete-comment{left:290px}}@media screen and (max-width: 490px){.delete-comment{left:265px}}@media screen and (max-width: 475px){.delete-comment{left:250px}}@media screen and (max-width: 455px){.delete-comment{left:240px}}@media screen and (max-width: 445px){.delete-comment{left:235px}}@media screen and (max-width: 430px){.delete-comment{left:230px}}@media screen and (max-width: 420px){.delete-comment{left:220px}}@media screen and (max-width: 395px){.delete-comment{left:210px}}.actions-container{padding:10px 15px 0 8px;display:flex;justify-content:space-between;background-color:#fff;color:#000}.darkUI{background-color:#121212;color:#eee}.actions-container img{height:24px;cursor:pointer}.act-spacing{display:flex;align-items:center}.act-spacing svg{cursor:pointer}.action-data{padding:2px 5px 15px 15px}.action-data p:nth-child(2){padding-top:5px}.lighter-info{font-size:10px;color:#8e8e8e;margin:7px 0 0}.ac-box{display:flex;justify-content:space-between;padding:3px 15px 5px;align-items:baseline}.ac-box input{width:300px}.ac-box img{padding-right:10px}.ac-box button{cursor:pointer;border:none;background-color:transparent}.ac-box button:hover{color:#0095f6;cursor:pointer}.post{color:#b3dbff}@media screen and (max-width: 888px){.ac-box input{width:200px}}@media screen and (max-width: 735px){.ac-box input{width:320px}}@media screen and (max-width: 630px){.ac-box input{width:280px}}@media screen and (max-width: 560px){.ac-box input{width:230px}}@media screen and (max-width: 495px){.ac-box input{width:200px}}@media screen and (max-width: 468px){.ac-box input{width:170px}}@media screen and (max-width: 420px){.ac-box input{width:150px}}@media screen and (max-width: 385px){.ac-box input{width:120px}}@media screen and (max-width: 335px){.ac-box input{width:110px}}.collab-container{display:flex;justify-content:space-between;align-items:center;height:70px;border-bottom:1px solid #EFEFEF;background-color:#fff;border-radius:0 4px 0 0}.collab-left{display:flex;align-items:center;cursor:pointer}.dots{height:24px;margin-right:10px;cursor:pointer}.p-circle{border-radius:20px;height:37px;width:37px;object-fit:cover;margin:0 12px 0 14px}.p-height{object-fit:cover;border:1px solid white;border-radius:13px}.date{font-size:11px;padding-top:4px}.darkpostUI{background-color:#000;color:#eee;transition:background-color 1s ease;border:none}.add-post-container{height:85vh;width:70vw;justify-content:space-between;flex-direction:column}.add-post-header{display:flex;justify-content:space-between;margin-bottom:10px;align-items:center}.add-post-header button[disabled]{border:none;cursor:not-allowed}.add-post-header button:not([disabled]){background-color:#0087f6;color:#fff;cursor:pointer;padding:5px 10px;border:none;border-radius:10px}.add-post-header svg{font-size:1.5rem}.add-post-container h2:nth-child(1){text-align:center;width:100%}.user-post-container{background-repeat:no-repeat;background-position:center;height:78.9vh;background-size:contain}.user-final-stage-container{height:82vh;width:70vw;display:flex;justify-content:space-evenly}.user-final-stage-image{border-top:1px solid rgb(129,129,129);width:90%}.user-final-stage-caption{border:1px solid rgb(129,129,129);width:40%}.user-final-stage-caption p{padding-left:5px}.user-post-div{display:flex;align-items:center;text-align:center;width:auto;margin:10px}.user-post-div p{padding-left:1rem;font-weight:500}.user-post-div img{width:36px;height:36px;object-fit:cover;border-radius:50%}textarea{margin:5px;resize:none;width:97%;height:65vh;border:none}.post-default-container{height:78.9vh;margin-right:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.post-default-container img{width:25%;height:25vh;object-fit:contain}.custom-file-upload{margin-top:1rem;background-color:#0095f6;color:#fff;border-radius:8px;padding:7px 16px;font-size:18px;cursor:pointer;display:inline-block}#img{display:none}.custom-file-upload:hover{background-color:#0087f6}.add-post-header p{cursor:pointer;color:#0087f6;margin:0}.add-post-header button[type=button]{background-color:#0087f6;color:#fff;cursor:pointer;padding:5px 10px;border:none;border-radius:10px}.post-default-container button{background-color:#0087f6;color:#fff;cursor:pointer;padding:7px 16px;border:none;border-radius:8px;margin-top:10px}#camera-btn{background-color:#33465c;color:#fff;cursor:pointer;padding:7px 16px;border:none;border-radius:8px;margin-top:10px}.likeDark{background-color:#000;color:pink;transition:background-color 1s ease}.add-post-header button[type=button][disabled]{background-color:gray;color:#fff;cursor:not-allowed}@media screen and (max-width: 780px){.post-default-container img{width:45%;height:25vh}}@media screen and (max-width: 430px){.post-default-container img{width:60%;height:25vh}.user-final-stage-container{border:2px solid red}textarea{width:50%}.user-final-stage-image{border-top:1px solid rgb(129,129,129);width:90%}.user-final-stage-container{border:2px solid green}}.settings-container{width:200px;height:25vh;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.settings-container p{cursor:pointer;letter-spacing:1px}.settings-container p:hover{color:#0095f6}.darkText{color:#fff}.follow-section{display:flex;width:351px;justify-content:space-between;align-items:center;padding:10px 15px;background-color:#fff}.darkUI-sidebar{background-color:#000;color:#eee;transition:background-color 1s ease}.follow-left{display:flex;align-items:center;justify-content:flex-start;font-size:14px;cursor:pointer}.follow-left img{margin-right:12px;width:36px;height:36px;object-fit:cover;border-radius:50%}.blue-text{font-size:11px;color:#0095f6;cursor:pointer}.follow-top{font-size:14px;color:#262626;font-weight:600;margin-bottom:3px}.follow-top-dark{font-size:14px;background-color:#000;color:#eee;font-weight:600;margin-bottom:3px}.follow-bottom{font-size:11px;color:#8e8e8e;font-weight:300}@media screen and (max-width: 1160px){.follow-section{width:265px}}.login-div-container{height:100vh;display:flex;justify-content:center;align-items:center;background-color:#fff}.login-container{height:550px;width:35%;display:flex;flex-direction:column;align-items:center;border:1px solid rgb(219,219,219)}.login-container img{width:50%;margin-top:30px}.login-container .app-header{margin-top:20px;text-align:center;width:60%;line-height:20px;font-size:15px}.login-form-container{display:flex;flex-direction:column;height:auto;width:70%;margin-top:30px}.login-form-container p{color:tomato;font-size:14px;align-items:center;text-align:center;margin:2px 0}.login-container .form-input{height:2.5rem;margin:.3rem 0;line-height:18px;background-color:#fafafa;border:1px solid rgb(175,174,174);padding:9px 0 7px 8px;font-size:12px}.login-btn{background-color:#0095f6;color:#fff;padding:10px;border-radius:10px;border:none;font-weight:700;margin-top:10px;cursor:pointer}.login-or-option{display:flex;justify-content:center;align-items:center;margin-top:30px}.login-or-option p:nth-child(2){padding:0 10px}.optional-box{margin-top:40px}.optional-box span{color:#0095f6;font-weight:bolder;cursor:pointer}.app{display:flex;justify-content:space-evenly;align-items:center;width:90%}.app img{width:170px;object-fit:cover}.signUp-div-container{height:100vh;display:flex;justify-content:center;align-items:center;background-color:#fff}.phone-container{height:80%;width:40%}.phone-container img{height:100%;width:100%;object-fit:contain}.signUp-container{height:80%;width:35%;display:flex;flex-direction:column;align-items:center;border:1px solid rgb(219,219,219)}.signUp-container img{width:50%;margin-top:30px}.signUp-container h3{text-align:center;width:60%;line-height:20px;word-wrap:break-word;color:#737373}.signUp-form-container{display:flex;flex-direction:column;height:auto;width:70%;margin-top:30px}.signUp-form-container .error-messages{color:tomato;font-size:12px;text-align:center}.error-messages-login{color:tomato;font-size:12px;text-align:center;padding:10px 0}.signUp-container .form-input{height:2.5rem;margin:.3rem 0;line-height:18px;background-color:#fafafa;border:1px solid rgb(197,195,195);padding:9px 0 7px 8px;font-size:12px}.signUp-copyright{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:10vh;width:100%}.signUp-copyright p{font-size:12px;text-align:center;padding-top:10px}.signUp-copyright a{color:#00376b;text-decoration:none}.signUp-btn{background-color:#0095f6;color:#fff;padding:10px;border-radius:10px;border:none;font-weight:700;margin-top:10px;cursor:pointer}.signUp-btn:disabled{background-color:#7bc5f7;color:#fff;padding:10px;border-radius:10px;border:none;font-weight:700;margin-top:10px;cursor:not-allowed}.signUp-or-option{display:flex;justify-content:center;align-items:center;margin-top:30px}.signUp-or-option p:nth-child(2){padding:0 10px}.line{border:.5px solid rgb(189,185,185);width:150px}.signUp-optional-box{margin-top:20px}.signUp-optional-box p{color:#737373}.signUp-optional-box span{color:#0095f6;font-weight:bolder;cursor:pointer}@media screen and (max-width: 1155px){.login-div-container{justify-content:space-evenly}.login-container{width:48%;height:540px}.app{width:90%}.app img{width:150px;object-fit:cover}.signUp-container{height:70%}.signUp-container h3{margin-bottom:-70px;font-size:15px;width:80%}.signUp-form-container{display:flex;flex-direction:column;height:100vh;width:80%;margin-top:0;justify-content:center}.signUp-btn{margin-top:35px}.signUp-btn:disabled{margin-top:35px;margin-bottom:-30px}.signUp-optional-box{margin-top:30px;margin-bottom:20px}.signUp-or-option{margin-top:-30px}.line{border:.5px solid rgb(189,185,185);width:110px}}@media screen and (max-width: 830px){.signUp-container{height:55%}}@media screen and (max-width: 800px){.line{width:120px}.login-div-container{flex-direction:column}.phone-container{display:none}.app img{width:140px}.login-container,.signUp-container{width:60%}}@media screen and (max-width: 530px){.login-container{width:80%}.app img{width:150px}.signUp-container{width:70%}.line{width:100px}}@media screen and (max-width: 410px){.login-container{width:90%}.line{width:90px}.app img{width:130px}.signUp-container{width:80%;height:90%}}.main-profile-container{display:flex;flex-direction:column;align-items:center;position:relative;margin-left:170px}.darkUI{background-color:#000;color:#eee;transition:background-color 1s ease}.profile-image{width:230px;height:230px;object-fit:cover;border-radius:150px;margin:20px 0;cursor:pointer}.profile-image-non{width:230px;height:230px;object-fit:cover;border-radius:150px;margin:20px 0}.profile-container{margin-top:70px;display:flex;align-items:center;flex-direction:column}.profile-container p{margin:1.5px 0}.user-settings{font-size:2.5rem;cursor:pointer}.user-settings:hover{color:#0095f6}.grid-photo-container{width:auto;height:auto;display:grid;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:0px;margin:40px 0;z-index:0}.grid-photo-item{align-items:center;cursor:pointer}.grid-photo-container img{width:300px;height:300px;object-fit:cover;margin:10px}.profile-sidebar{position:absolute;left:-140px;width:18%;display:flex;flex-direction:column;height:48vh;justify-content:space-evenly;margin-top:2.5rem;padding-left:1.5rem;cursor:pointer}.profile-sidebar img{width:36px;height:36px;object-fit:cover;border-radius:50%}.profile-sidebar svg{font-size:2.4rem}@media screen and (max-width: 1180px){.main-profile-container{margin-left:220px;width:auto}.profile-sidebar{padding-left:0;left:-185px;width:30%}.grid-photo-container{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 831px){.profile-sidebar{display:none}.main-profile-container{margin-left:0;width:auto}}@media screen and (max-width: 624px){.grid-photo-container{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(1,1fr);grid-gap:1px}}@media screen and (max-width: 624px){.grid-photo-container{grid-template-columns:repeat(3,1fr);grid-gap:.1px}.grid-photo-container img{width:150px;height:150px;margin:3px}}@media screen and (max-width: 530px){.grid-photo-container img{width:130px;height:130px}}@media screen and (max-width: 470px){.grid-photo-container img{width:115px;height:115px}}@media screen and (max-width: 420px){.grid-photo-container img{width:110px;height:110px}}@media screen and (max-width: 380px){.grid-photo-container img{width:100px;height:100px}}@media screen and (max-width: 345px){.grid-photo-container img{width:90px;height:90px}}@media screen and (max-width: 310px){.grid-photo-container img{width:85px;height:85px}}@media screen and (max-width: 300px){.grid-photo-container img{width:85px;height:85px}}.avatar-form{width:70vw;height:80vh;display:flex;align-items:center;gap:20px;padding:20px;justify-content:center;box-sizing:border-box}.avatar-form p{margin:0;font-size:1rem;cursor:pointer;transition:color .3s ease}.avatar-form p:hover{color:tomato}.avatar-form input[type=file]{border:none;border-radius:20px;padding:10px;font-size:1rem;text-align:center;background-color:#f9f9f9;width:100%;max-width:400px;box-sizing:border-box}.webcam-container{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.avatar-form img{width:100%;max-width:400px;height:auto;border-radius:10px;object-fit:cover}.webcam-container button,.avatar-form button{border:none;border-radius:20px;padding:10px 20px;font-size:1rem;background-color:#0095f6;color:#fff;cursor:pointer;transition:background-color .3s ease}.webcam-container button:hover,.avatar-form button:hover{background-color:#0056b3}.first-avatarModal{display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer}.first-avatarModal p:nth-child(1):hover{color:#0095f6}.first-avatarModal p:nth-child(2):hover{color:tomato}.avatar-form button[type=submit]{border:none;border-radius:20px;padding:10px 20px;font-size:1rem;background-color:#0095f6;color:#fff;cursor:pointer;transition:background-color .3s ease}.avatar-form button[type=submit]:hover{background-color:#0056b3}.avatar-form p.cancel-link{border:none;border-radius:20px;padding:10px 20px;background-color:tomato;color:#fff;transition:background-color .3s ease;margin:15px 0;font-size:1rem;cursor:pointer;transition:color .3s ease}@media screen and (max-width: 680px){.avatar-form{flex-direction:column}}.hero{background-color:#f0f0f0;padding:100px 0;height:100vh}.hero-content{display:flex;flex-direction:column;align-items:center}.max-w-lg{max-width:640px;margin:0 auto;text-align:center}.font-bold{font-weight:700}.text-8xl{font-size:6rem}.text-5xl{font-size:3rem}.btn{display:inline-block;font-weight:700;text-align:center;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid transparent;padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5;border-radius:.25rem;transition:all .3s ease-in-out;cursor:pointer;text-decoration:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0056b3;border-color:#004275}.btn-lg{padding:1rem 2rem}.home-icon{width:1em;height:1em;margin-top:-.1em;vertical-align:middle}