@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital@0;1&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap);.mainNavbar{background:#0b0c10;border-right:2px solid #ffffff40;bottom:0;display:flex;flex-direction:column;gap:28px;left:0;padding:110px 20px 20px;position:fixed;top:0;transform:translateX(-100%);transition:transform .5s;width:200px;z-index:90}.mainNavbar.open{transform:translateX(0)}.mainNavbar .createButton{align-items:center;background:#6e5bff;border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;font-weight:300;gap:10px;height:-webkit-fit-content;height:fit-content;justify-content:center;padding:10px;transition:.2s;width:100%;&:hover{background:#8a7ef5;box-shadow:0 0 100px #6e5bff40;transform:translateY(-5px)}}.mainNavbar h1{color:#fff;font-size:1.6rem}.mainNavbar .contacts{border-radius:25px;cursor:pointer;display:flex;flex-direction:column;font-weight:300;gap:28px;height:-webkit-fit-content;height:fit-content;padding:0;width:100%}.mainNavbar .contacts .contactButton{background:#ffffff1a;border-radius:25px;color:#fff;cursor:pointer;font-size:1.3rem;padding:10px 0;text-align:center;text-decoration:none;transition:.2s;width:100%;&:hover{background:#ffffff26;transform:translateY(-5px)}}@media (max-width:900px){.mainNavbar{padding:110px 10px 10px;width:200px}.mainNavbar .contacts .contactButton,.mainNavbar .createButton{font-size:1rem}}@media (max-width:600px){.mainNavbar{padding-top:90px;width:150px}}.main-header{align-items:center;background:#0b0c10;border-bottom:2px solid #ffffff40;color:#fff;display:flex;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-style:normal;justify-content:space-between;left:0;padding:10px 30px;position:fixed;right:0;top:0;z-index:99}.main-header h1{font-size:2rem}.main-header .title{align-items:center;display:flex;gap:20px}.main-header .title .burger{cursor:pointer;display:none;flex-direction:column;gap:5px;height:100%}.main-header .title .burger .line{background:#fff;border-radius:10px;height:5px;transition:.2s ease-in-out;width:30px}.main-header .title .burger .line.middle.open{display:none}.main-header .title .burger .line.bottom.open{transform:translateY(-5px) rotate(45deg)}.main-header .title .burger .line.top.open{transform:translateY(5px) rotate(135deg)}.main-header .search-bar{align-items:center;background:#fff3;border-radius:25px;display:flex;gap:4px;height:-webkit-fit-content;height:fit-content;padding:5px;width:500px}.main-header .search-bar .search-input{background:none;border:none;color:#fff;font-size:1rem;height:-webkit-fit-content;height:fit-content;outline:none;width:100%}.main-header .search-icon{fill:#fff}.main-header .search-input::placeholder{color:#ffffff80}.main-header .search-input:focus{box-shadow:none;outline:none}.main-header .search-input:-webkit-autofill,.main-header .search-input:-webkit-autofill:active,.main-header .search-input:-webkit-autofill:focus,.main-header .search-input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #0b0c10!important}.main-header .mobileIcon{align-items:center;display:flex;gap:14px}.main-header .closeIcon,.main-header .mobileIcon svg{cursor:pointer;display:none}.main-header .loginButton{background:#6e5bff;border:none;border-radius:35px;color:#fff;cursor:pointer;font-size:1rem;padding:5px 35px;&:hover{background:lab(58.9% 33.57 -58.4)}}@media (max-width:900px){.main-header{padding:10px 20px}.main-header h1{font-size:1.7rem}.main-header .search-bar{width:300px}.main-header .search-input{font-size:.9rem;width:250px}.main-header .loginButton{font-size:1rem;padding:5px 25px}}@media (max-width:600px){.main-header{gap:10px;padding:10px 15px}.main-header h1{font-size:1.4rem}.main-header .search-bar{display:none}.main-header .mobileIcon svg{display:block}.main-header .search-input{font-size:.85rem;width:160px}.main-header .loginButton{font-size:.8rem;padding:5px 20px}.main-header .title .burger{display:flex}}.post{background-color:#ffffff1a;border-radius:35px;color:#fff;display:flex;flex-direction:column;gap:30px;margin:25px auto;padding:20px;width:700px}.post .post__header{align-items:center;display:flex;justify-content:space-between}.post .post__header__title{align-items:center;display:flex;gap:15px;height:-webkit-fit-content;height:fit-content}.post .post__header__title a{aspect-ratio:1/1;background:#fff;border-radius:50%;object-fit:cover;width:32px}.post .post__header__title h1{font-size:1.5rem;margin:0}.post .post__header p{color:#ffffffbf;font-size:1rem;margin:0}.post .post__body{display:flex;flex-direction:column;gap:10px}.post .post__body h1{font-size:2rem;font-weight:700}.post .post__body p{font-size:1.4rem}.post .post__footer__buttons{display:flex;gap:15px}.post .post__footer__buttons button{align-items:center;background:#ffffff26;border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:1.4rem;gap:12px;padding:5px 20px}.post .post__footer__buttons button:hover{background:#ffffff40}@media (max-width:1050px){.post{width:550px}.post .post__body{gap:40px}.post .post__body p{font-size:1.3rem}}@media (max-width:900px){.post{width:450px}.post .post__body h1{font-size:1.7rem}}@media (max-width:750px){.post{width:350px}.post .post__body h1{font-size:1.5rem}.post .post__body p{font-size:1.2rem}.post .post__body{gap:10px}}@media (max-width:600px){.post{width:400px}}@media (max-width:500px){.post{width:90%}.post .post__body p{font-size:1.1rem}}.modal-window{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#000000e6;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;color:#fff;max-height:80vh;max-width:500px;overflow-y:auto;padding:0;width:90%}.modal-header{align-items:center;border-bottom:1px solid #3d3d3f;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{font-size:1.25rem;font-weight:600;margin:0}.modal-close-button{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;padding:0;transition:all .2s;width:24px}.modal-close-button:hover{color:#3d4149}.modal-content{padding:24px}.modal-content p{line-height:1.5;margin:0}@media (max-width:640px){.modal{margin:20px;width:95%}.modal-header{padding:16px 20px}.modal-content{padding:20px}}main{display:flex;flex-direction:column;object-fit:cover;padding-bottom:110px;padding-left:200px;padding-top:65px;width:100dvw}@media (max-width:900px){main{padding-left:200px;padding-top:50px}}@media (max-width:600px){main{padding-left:0}}.register-main-window{overflow-y:hidden}.register{background:#ffffff1a;border:1.5px solid #ffffff4d;border-radius:55px;color:#fff;display:flex;flex-direction:column;gap:66px;padding:25px;width:678px}.register-header{display:flex;justify-content:space-between;padding:0 25px}.register-header h1{cursor:pointer;font-size:2rem;font-weight:700}.register-header h1:nth-child(2){color:#6e5bff;display:flex;flex-direction:column}.register-header h1:nth-child(2):after{background:#6e5bff;border-radius:35px;content:"";height:6px;margin-top:8px;width:100%}.register-form{display:flex;flex-direction:column;gap:40px}.register-form input{background:#ffffff1a;border:none;border-radius:35px;color:#fff;font-size:2rem;font-weight:500;outline:none;padding:15px 25px}.register-form button{background:#6e5bff;border:0;border-radius:35px;color:#fff;cursor:pointer;font-size:2rem;outline:none;padding:20px;text-align:center}.register-form button:hover{background:#6e5bffbf}@media (max-width:900px){.register{gap:30px;width:500px}.register-form input{font-size:1.5rem;padding:10px 20px}.register-form{gap:30px}.register-form button{font-size:1.5rem;padding:15px}}@media (max-width:600px){.register{width:400px}.register-header h1{font-size:1.5rem}.register-form{gap:20px}.register-form button,.register-form input{font-size:1rem}}@media (max-width:430px){.register{border-radius:35px;padding:10px;width:300px}.register-header{justify-content:space-between;padding:10px}.register-header h1{font-size:1.3rem}.register-form{gap:15px}}.register-main-window{background:#191919;height:100dvh;width:100dvw}.register-window{align-items:center;background:#6e5bff;background:linear-gradient(180deg,#6e5bff59,#0b0c10);display:flex;height:100dvh;justify-content:center;width:100dvw}.register2{background:#ffffff1a;border:1.5px solid #ffffff4d;border-radius:55px;color:#fff;display:flex;gap:66px;padding:100px 85px;width:1000px}.register-main-window .addForm{display:flex;flex-direction:column;justify-content:space-between}.register-main-window .addForm .addInputs{display:flex;flex-direction:column;gap:30px}.register-main-window .addForm input,.register-main-window .addForm textarea{background:#ffffff1a;border:none;border-radius:35px;color:#fff;font-family:Montserrat,sans-serif;font-size:2rem;font-weight:500;outline:none;padding:15px 25px;resize:none;width:100%}.addForm textarea:hover,.register-main-window.addForm input:hover{background:#ffffff26}.addForm textarea:focus,.register-main-window .addForm input:focus{background:#fff3}.register-main-window .addForm button{background:#6e5bff;border:0;border-radius:35px;color:#fff;cursor:pointer;font-size:2rem;outline:none;padding:20px;text-align:center}.register-main-window .addForm button:hover{background:#6e5bffbf}.register-main-window .addCard{background:#ffffff0d;border-radius:45px;cursor:pointer;display:flex;flex-direction:column;font-size:1.8rem;gap:20px;padding:20px;text-align:center;width:40%}.register-main-window .addCard:hover{background:#ffffff1a}.register-main-window .addCard .addIcon{background:#ffffff0d;border-radius:25px;padding:15px}.register-main-window .addCard .addIcon img{aspect-ratio:1/1;border-radius:10px;object-fit:cover;width:100%}@media (max-width:1080px){.register2{padding:20px;width:778px}}@media (max-width:900px){.register2{width:678px}.addForm button,.register-main-window .addInputs textarea,.register-main-window.addInputs input{font-size:1.5rem}.register-main-window .addCard{font-size:1.3rem}}@media (max-width:750px){.register2{gap:22px;width:578px}.register-main-window .addCard{border-radius:35px;gap:5px;padding:5px}.register-main-window .addCard .addIcon{border-radius:30px;padding:5px}.register-main-window .addCard .addIcon img{border-radius:25px}.register-main-window .addForm button{padding:15px}.register-main-window .addForm .addInputs{gap:10px}.addForm textarea,.register-main-window .addForm input{border-radius:25px;font-size:1.2rem;padding:15px}}@media (max-width:600px){.register2{flex-direction:column;width:95%}.register2 .addForm{gap:25px}.register2 .addCard{margin:0 auto;width:50%}}@media (max-width:500px){.register2 .addCard{width:100%}}.login-main-window{background:#191919;height:100dvh;width:100dvw}.login-window{align-items:center;background:#6e5bff;background:linear-gradient(180deg,#6e5bff59,#0b0c10);display:flex;height:100dvh;justify-content:center;width:100dvw}.login{background:#ffffff1a;border:1.5px solid #ffffff4d;border-radius:55px;color:#fff;display:flex;flex-direction:column;gap:66px;padding:25px;width:678px}.loginPage-header{display:flex;justify-content:space-between;padding:0 25px}.loginPage-header h1{cursor:pointer;font-size:2rem;font-weight:700}.loginPage-header h1:first-child{color:#6e5bff;display:flex;flex-direction:column}.loginPage-header h1:first-child:after{background:#6e5bff;border-radius:35px;content:"";height:6px;margin-top:8px;width:100%}.login-form{display:flex;flex-direction:column;gap:40px}.login-form input{background:#ffffff1a;border:none;border-radius:35px;font-weight:500;padding:15px 25px}.login-form button,.login-form input{color:#fff;font-size:2rem;outline:none}.login-form button{background:#6e5bff;border:0;border-radius:35px;cursor:pointer;padding:20px;text-align:center}.login-form button:hover{background:#6e5bffbf}@media (max-width:900px){.login{gap:30px;width:500px}.login-form input{font-size:1.5rem;padding:10px 20px}.login-form{gap:30px}.login-form button{font-size:1.5rem;padding:15px}}@media (max-width:600px){.login{width:400px}.loginPage-header h1{font-size:1.5rem}.login-form{gap:20px}.login-form button,.login-form input{font-size:1rem}}@media (max-width:430px){.login{border-radius:35px;padding:10px;width:300px}.loginPage-header{justify-content:space-between;padding:10px}.loginPage-header h1{font-size:1.3rem}.login-form{gap:15px}}.login-header{align-items:center;background:#0b0c10;border-bottom:2px solid #ffffff40;color:#fff;display:flex;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-style:normal;justify-content:space-between;left:0;padding:10px 30px;position:fixed;right:0;top:0;z-index:99}.login-header h1{font-size:2rem}.login-header .title{align-items:center;display:flex;gap:20px}.login-header .title .burger{cursor:pointer;display:none;flex-direction:column;gap:5px;height:100%}.login-header .title .burger .line{background:#fff;border-radius:10px;height:5px;transition:.2s ease-in-out;width:30px}.login-header .title .burger .line.middle.open{display:none}.login-header .title .burger .line.bottom.open{transform:translateY(-5px) rotate(45deg)}.login-header .title .burger .line.top.open{transform:translateY(5px) rotate(135deg)}.login-header .search-bar{background:#fff3;border-radius:25px;display:flex;gap:4px;height:-webkit-fit-content;height:fit-content;padding:1px 5px;width:300px}.login-header .search-bar input{background:none;border:none;color:#fff;font-size:1rem;height:-webkit-fit-content;height:fit-content;outline:none;width:100%}.login-header .search-icon{fill:#fff}.login-header .search-input::placeholder{color:#ffffff80}.login-header .search-input:focus{box-shadow:none;outline:none}.login-header .search-input:-webkit-autofill,.login-header .search-input:-webkit-autofill:active,.login-header .search-input:-webkit-autofill:focus,.login-header .search-input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #0b0c10!important}.login-header a{cursor:pointer;height:32px;width:32px}.login-header a img{border-radius:50%;height:32px;object-fit:cover;width:32px}.login-header .mobileIcon{align-items:center;display:flex;gap:14px}.login-header .closeIcon,.login-header .mobileIcon svg{cursor:pointer;display:none}@media (max-width:900px){.login-header{padding:10px 20px}.login-header h1{font-size:1.7rem}.login-header .search-input{font-size:.9rem;width:250px}.login-header header .loginButton{font-size:1rem;padding:5px 25px}}@media (max-width:600px){.login-header{gap:10px;padding:10px 15px}.login-header h1{font-size:1.4rem}.login-header .search-bar{border-radius:20px;display:none;gap:6px;padding:1px 8px}.login-header .search-input{font-size:.85rem;width:160px}.login-header .mobileIcon svg{display:block}.login-header .loginButton{font-size:.8rem;padding:5px 20px}.login-header .title .burger{display:flex}}.loginNavbar{background:#0b0c10;border-right:2px solid #ffffff40;bottom:0;display:flex;flex-direction:column;gap:28px;left:0;padding:110px 20px 20px;position:fixed;top:0;transform:translateX(-100%);transition:transform .5s;width:200px;z-index:90}.loginNavbar.open{transform:translateX(0)}.loginNavbar .createButton{align-items:center;background:#6e5bff;border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;font-weight:300;gap:10px;height:-webkit-fit-content;height:fit-content;justify-content:center;padding:10px;transition:.2s;width:100%;&:hover{background:#8a7ef5;box-shadow:0 0 100px #6e5bff40;transform:translateY(-5px)}}svg{fill:#fff;height:24px;width:24px}.loginNavbar h1{color:#fff;font-size:1.6rem}.loginNavbar .contacts{border-radius:25px;cursor:pointer;display:flex;flex-direction:column;font-weight:300;gap:28px;height:-webkit-fit-content;height:fit-content;padding:0;width:100%}.loginNavbar .contacts .contactButton{background:#ffffff1a;border-radius:25px;color:#fff;cursor:pointer;font-size:1.3rem;padding:10px 0;text-align:center;text-decoration:none;transition:.2s;width:100%;&:hover{background:#ffffff26;transform:translateY(-5px)}}.loginNavbar .buttons{display:flex;flex-direction:column;gap:16px}.loginNavbar .buttons button{align-items:center;background:#ffffff1a;border:0;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;gap:8px;justify-content:center;padding:10px 0;text-align:center;text-decoration:none;transition:.2s;width:100%;&:hover{background:#ffffff26;transform:translateY(-5px)}}@media (max-width:900px){.loginNavbar{width:200px}.loginNavbar .createButton{font-size:1rem;gap:6px}.loginNavbar .buttons button,.loginNavbar .contacts .contactButton{font-size:1rem}}@media (max-width:600px){.loginNavbar{padding-top:90px}}textarea{resize:none}.createPostMain{min-height:100dvh;object-fit:cover;padding-bottom:110px;padding-left:200px;padding-top:65px;width:100dvw}.createPostCard,.createPostMain{display:flex;flex-direction:column}.createPostCard{align-items:center;flex:1 1;gap:50px;justify-content:center;position:relative}.createPostCard .closeButton{background:none;border:none;cursor:pointer;height:50px;position:absolute;right:50px;top:50px;width:50px}.createPostCard .closeButton svg{height:50px;width:50px}.createPostCard .createPostForm{display:flex;flex-direction:column;gap:50px;max-width:600px;width:30%}.createPostCard .createPostForm .createPostInputs{display:flex;flex-direction:column;gap:40px}.createPostCard .createPostForm .createPostInputs input{font-size:3rem}.createPostCard .createPostForm .createPostInputs textarea{font-size:1.5rem;min-height:300px;resize:none}.createPostCard .createPostForm .createPostInputs input,.createPostCard .createPostForm .createPostInputs textarea{background:#ffffff26;border:none;border-radius:35px;color:#fff;outline:0;padding:20px 40px}.createPostCard .createPostForm .createPostInputs input::placeholder,.createPostCard .createPostForm .createPostInputs textarea::placeholder{color:#ffffff59}.createPostCard .createPostForm .createPostInputs input:hover,.createPostCard .createPostForm .createPostInputs textarea:hover{background:#fff3}.createPostCard .createPostForm .createPostInputs input:focus,.createPostCard .createPostForm .createPostInputs textarea:focus{background:#ffffff40}.createPostCard h1{color:#6e5bff;font-size:3rem}.createPostForm button{background:#6e5bff;border:0;border-radius:35px;color:#fff;cursor:pointer;font-size:2rem;outline:0;padding:25px 10px;transition:all .3s ease-in-out}.createPostForm button:hover{background:#8a7ef5}@media (max-width:1200px){.createPostCard .createPostForm{width:40%}}@media (max-width:900px){.createPostMain{padding-left:200px;padding-top:50px}.createPostCard .createPostForm{gap:40px;width:90%}.createPostCard .createPostForm .createPostInputs{gap:30px}.createPostCard .createPostForm .createPostInputs input{font-size:2.5rem}.createPostCard .createPostForm .createPostInputs textarea{font-size:1.2rem;min-height:250px}.createPostCard h1{font-size:2.5rem}.createPostForm button{font-size:1.8rem;padding:20px 8px}.createPostCard .closeButton{height:40px;right:30px;top:30px;width:40px}.createPostCard .closeButton svg{height:40px;width:40px}}@media (max-width:768px){.createPostCard .createPostForm .createPostInputs input{font-size:2rem}.createPostCard .createPostForm .createPostInputs textarea{font-size:1rem;min-height:200px}.createPostCard h1{font-size:2rem}.createPostForm button{font-size:1.5rem;padding:18px 6px}}@media (max-width:600px){.createPostMain{padding-left:0;padding-top:50px}.createPostCard,.createPostCard .createPostForm{gap:30px}.createPostCard .createPostForm .createPostInputs{gap:25px}.createPostCard .createPostForm .createPostInputs input,.createPostCard .createPostForm .createPostInputs textarea{border-radius:25px;padding:15px 30px}.createPostCard .createPostForm .createPostInputs input{font-size:1.8rem}.createPostCard .createPostForm .createPostInputs textarea{font-size:1rem;min-height:180px}.createPostCard h1{font-size:1.8rem}.createPostForm button{border-radius:25px;font-size:1.3rem;padding:15px 5px}.createPostCard .closeButton{height:35px;right:20px;top:20px;width:35px}.createPostCard .closeButton svg{height:35px;width:35px}}@media (max-width:480px){.createPostCard .createPostForm{gap:25px}.createPostCard .createPostForm .createPostInputs{gap:20px}.createPostCard .createPostForm .createPostInputs input,.createPostCard .createPostForm .createPostInputs textarea{border-radius:20px;padding:12px 25px}.createPostCard .createPostForm .createPostInputs input{font-size:1.5rem}.createPostCard .createPostForm .createPostInputs textarea{min-height:150px}.createPostCard h1{font-size:1.5rem}.createPostForm button{border-radius:20px;font-size:1.1rem;padding:12px 4px}}@media (max-width:360px){.createPostCard .createPostForm{width:95%}.createPostCard .createPostForm .createPostInputs input,.createPostCard .createPostForm .createPostInputs textarea{padding:10px 20px}.createPostCard .createPostForm .createPostInputs input,.createPostCard h1{font-size:1.3rem}.createPostForm button{font-size:1rem;padding:10px 3px}.createPostCard .closeButton{height:30px;right:15px;top:15px;width:30px}.createPostCard .closeButton svg{height:30px;width:30px}}.userPage{display:flex;flex-direction:column;object-fit:cover;overflow-y:hidden;padding-bottom:110px;padding-left:200px;padding-top:65px;width:100dvw}.userWindow .userCard{display:flex;flex-direction:column;gap:100px;padding:150px 0 100px;text-align:center;width:100%}.userWindow .userCard .userInfo{align-items:center;display:flex;flex-direction:column;gap:100px}.userWindow .userCard .userInfo .userLine{align-items:center;display:flex;justify-content:space-between;width:850px}.userWindow .userCard .userInfo .userLine .userNameAvatar{align-items:center;display:flex;gap:25px}.userWindow .userCard .userInfo .userLine .userNameAvatar img{aspect-ratio:1/1;background:#fff;border-radius:50%;height:5rem;object-fit:cover}.userWindow .userCard .userInfo .userLine .userNameAvatar h1{color:#fff;font-size:5rem}.userWindow .userCard .userInfo .userLine .editButton,.userWindow .userCard .userInfo .userLine .followButton,.userWindow .userCard .userInfo .userLine .unfollowButton{border:0;border-radius:35px;color:#fff;cursor:pointer;font-size:2rem;outline:0;padding:15px 35px}.userWindow .userCard .userInfo .userLine .followButton{background:#6e5bff}.userWindow .userCard .userInfo .userLine .followButton:hover{background:#8a7ef5}.userWindow .userCard .userInfo .userLine .editButton,.userWindow .userCard .userInfo .userLine .unfollowButton{background:#ffffff1a}.userWindow .userCard .userInfo .userLine .editButton:hover,.userWindow .userCard .userInfo .userLine .unfollowButton:hover{background:#fff3}.userWindow .userCard .userInfo p{color:#fff;font-size:2rem}.userWindow .userCard .userStats{align-items:center;display:flex;gap:100px;justify-content:center}.userWindow .userCard .userStats .userStatCard{background:#ffffff1a;border-radius:50px;color:#fff;display:flex;flex-direction:column;gap:10px;padding:20px 30px}.userWindow .userCard .userStats h1{font-size:2.5rem}.userWindow .userCard .userStats h2{font-size:1.5rem}@media (max-width:1200px){.userWindow .userCard .userInfo .userLine{width:700px}.userWindow .userCard .userInfo .userLine .userNameAvatar img{height:4rem}.userWindow .userCard .userInfo .userLine .userNameAvatar h1{font-size:4rem}.userWindow .userCard .userInfo .userLine .editButton,.userWindow .userCard .userInfo .userLine .followButton,.userWindow .userCard .userInfo .userLine .unfollowButton{font-size:1.5rem}}@media (max-width:1000px){.userWindow .userCard .userInfo{gap:50px}.userWindow .userCard .userInfo .userLine{width:600px}.userWindow .userCard .userInfo .userLine .userNameAvatar img{height:3rem}.userWindow .userCard .userInfo .userLine .userNameAvatar h1{font-size:3rem}.userWindow .userCard .userInfo .userLine .editButton,.userWindow .userCard .userInfo .userLine .followButton,.userWindow .userCard .userInfo .userLine .unfollowButton{padding:10px 20px}}@media (max-width:900px){.userPage{padding-left:200px;padding-top:50px}}@media (max-width:850px){.userWindow .userCard .userInfo .userLine{width:500px}.userWindow .userCard .userInfo .userLine .userNameAvatar img{height:3rem}.userWindow .userCard .userInfo .userLine .userNameAvatar h1{font-size:3rem}.userWindow .userCard .userInfo .userLine .editButton,.userWindow .userCard .userInfo .userLine .followButton,.userWindow .userCard .userInfo .userLine .unfollowButton{padding:10px 20px}}@media (max-width:800px){.userWindow .userCard .userStats{gap:50px}.userWindow .userCard .userStats .userStatCard{gap:8px}.userWindow .userCard .userStats h1{font-size:1.8rem}.userWindow .userCard .userStats h2{font-size:1rem}}@media (max-width:600px){.userPage{padding-left:0}.userWindow .userCard .userInfo .userLine{width:90%}.userWindow .userCard .userInfo .userLine .userNameAvatar img{height:2rem}.userWindow .userCard .userInfo .userLine .userNameAvatar h1{font-size:2rem}.userWindow .userCard .userInfo .userLine .editButton,.userWindow .userCard .userInfo .userLine .followButton,.userWindow .userCard .userInfo .userLine .unfollowButton{font-size:1.8rem;padding:10px 20px}}@media (max-width:500px){.userWindow .userCard .userInfo .userLine .userNameAvatar{gap:8px}.userWindow .userCard .userInfo .userLine .followButton{font-size:1.4rem;padding:5px 20px}.userWindow .userCard .userStats{gap:20px}.userWindow .userCard .userStats .userStatCard{gap:8px}.userWindow .userCard .userStats h1{font-size:1.4rem}.userWindow .userCard .userStats h2{font-size:1rem}}@media (max-width:400px){.userWindow .userCard .userInfo .userLine{width:90%}.userWindow .userCard .userInfo .userLine .userNameAvatar img{height:1.5rem}.userWindow .userCard .userInfo .userLine .userNameAvatar h1{font-size:1.5rem}.userWindow .userCard .userInfo .userLine .editButton,.userWindow .userCard .userInfo .userLine .followButton,.userWindow .userCard .userInfo .userLine .unfollowButton{font-size:1rem;padding:10px 20px}.userWindow .userCard .userInfo p{font-size:1.2rem}.userWindow .userCard{gap:40px;padding:75px 0 50px}.userWindow .userCard .userStats{gap:20px}.userWindow .userCard .userStats .userStatCard{gap:8px;padding:10px 15px}.userWindow .userCard .userStats h1{font-size:1.1rem}.userWindow .userCard .userStats h2{font-size:.9rem}}.notFoundPage{box-sizing:border-box;height:100dvh;object-fit:cover;padding-left:200px;padding-top:65px;width:100dvw}.notFoundPage,.notFoundWindow{display:flex;overflow-y:hidden}.notFoundWindow{align-items:center;flex:1 1;flex-direction:column;gap:100px;justify-content:center}.notFoundPage .notFoundText{display:flex;flex-direction:column;gap:35px;text-align:center}.notFoundPage .notFoundText h1{color:#6e5bff;font-size:20rem;text-shadow:0 0 200px #6e5bff73}.notFoundPage .notFoundText p{color:#fff;font-size:3rem;font-weight:500}.notFoundPage .toMainButton{background:#6e5bff;border:none;border-radius:55px;color:#fff;cursor:pointer;font-size:2rem;font-weight:500;padding:20px 30px;transition:box-shadow .3s ease-in-out,transform .1s ease-in-out;&:hover{box-shadow:0 0 100px #6e5bff40}&:active{box-shadow:none;transform:scale(.95)}}@media (max-width:1500px){.notFoundPage .notFoundText h1{font-size:10rem}.notFoundPage .notFoundText p{font-size:2rem}.notFoundPage .toMainButton{font-size:1.8rem}}@media (max-width:900px){.notFoundPage{padding-left:200px;padding-top:50px}}@media (max-width:600px){.notFoundPage{padding-left:0}}@media (max-width:500px){.notFoundPage .notFoundText h1{font-size:7rem}.notFoundPage .notFoundText p{font-size:1.9rem}.notFoundPage .toMainButton{font-size:1.3rem}}@media (max-width:350px){.notFoundPage .notFoundText h1{font-size:6rem}.notFoundPage .notFoundText p{font-size:1.5rem}.notFoundPage .toMainButton{font-size:1rem}}.LikesPage{object-fit:cover;padding-bottom:110px;padding-left:200px;padding-top:65px;width:100dvw}.LikesPage,.LikesWindow{display:flex;flex-direction:column}.LikesWindow{padding:150px 0 100px;width:100%}@media (max-width:900px){.LikesPage{padding-left:200px;padding-top:50px}}@media (max-width:600px){.LikesPage{padding-left:0}}.editPage{display:flex;flex-direction:column;height:100dvh;object-fit:cover;padding-left:200px;padding-top:65px;width:100dvw}.editWindow{align-items:center;height:100%;justify-content:center;position:relative}.editWindow,.editWindow .editForm{display:flex;flex-direction:column;gap:75px}.editWindow .inputs{align-items:center;display:flex;gap:50px}.editWindow .closeButton{background:none;border:none;cursor:pointer;height:50px;padding:0;position:absolute;right:40px;top:40px;width:50px}.editWindow .addCard{background:#ffffff26;border-radius:35px;color:#fff;display:flex;flex-direction:column;gap:33px;padding:30px;transition:all .3s ease-in}.editWindow .addCard:hover{background:#fff3;cursor:pointer}.editWindow .addCard img{aspect-ratio:1/1;background:#ffffff26;border-radius:50%;box-sizing:border-box;object-fit:cover;width:100%}.editWindow .addCard h2{font-size:2rem}.editWindow .closeButton svg{height:100%;width:100%}.editWindow .textInputs{display:flex;flex-direction:column;gap:20px;height:100%;width:500px}.editWindow .textInputs input,.editWindow .textInputs textarea{background:#ffffff26;border:0;border-radius:35px;color:#fff;font-size:2rem;outline:0;padding:20px 35px;transition:all .3s ease-out;width:100%}.editWindow .textInputs textarea{font-family:Montserrat,sans-serif;font-weight:400;height:100%}.editWindow .textInputs input:hover,.editWindow .textInputs textarea:hover{background:#fff3}.editWindow .textInputs input:focus,.editWindow .textInputs textarea:focus{background:#ffffff40}.editWindow .editForm button{background:#6e5bff;border:0;border-radius:35px;color:#fff;cursor:pointer;font-size:2.25rem;font-weight:700;outline:0;padding:15px;transition:all .3s ease-in}.editWindow .editForm button:hover{background:#5543e9}@media (max-width:1300px){.editWindow .inputs{gap:20px}.editWindow .editForm{gap:50px}.editWindow .editForm button{font-size:1.8rem}.editWindow .addCard h2,.editWindow .textInputs input,.editWindow .textInputs textarea{font-size:1.5rem}.editWindow .textInputs{width:400px}}@media (max-width:1100px){.editWindow .closeButton{height:40px;right:15px;top:15px;width:40px}.editWindow .editForm button{font-size:1.5rem}.editWindow .addCard h2,.editWindow .textInputs input,.editWindow .textInputs textarea{font-size:1.4rem}.editWindow .textInputs{width:350px}}@media (max-width:900px){.editPage{height:auto;padding-bottom:50px;padding-left:200px;padding-top:100px}.editWindow .addCard{text-align:center;width:100%}.editWindow .inputs{flex-direction:column}}@media (max-width:600px){.editPage{padding-left:0}}body{background:#111318;object-fit:cover;width:100dvw}*,body{margin:0;padding:0}*{box-sizing:border-box}#root,body,html{margin:0;padding:0}#root{background:#111318;font-family:Montserrat,sans-serif;height:100dvh;position:relative;z-index:0}a,button{-webkit-tap-highlight-color:transparent}
/*# sourceMappingURL=main.889fd210.css.map*/