body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#fff;box-sizing:border-box;height:100vh;overflow-x:hidden;overflow-y:hidden;width:100vw}.account-popup{background-color:#0000;display:grid;height:100%;position:absolute;width:100%;z-index:1}.popup-component{animation:fadeIn .5s;background-color:#000;border-radius:8px;color:#80808080;display:flex;flex-direction:column;font-size:14px;gap:25px;height:max(14vh,600px);padding:25px 30px;place-self:center}.popup-component label{align-items:center;color:#f7efef;display:flex;gap:1rem;justify-content:space-between}.popup-component label h4{flex-wrap:wrap;font-size:1.5rem}.popup-component label h3{background-color:none;border:2px solid #f7efef;border-radius:50%;cursor:pointer;font-size:1rem;height:1.5rem;max-width:1.5rem;text-align:center;width:1.5rem}.popup-component label h3:hover{background-color:#b14646}.account-input{display:flex;flex-direction:column}.account-input input{border:1px solid #fff;border-radius:4px;box-shadow:0 4px 6px #e1dbdb;font-size:1rem;height:1.7rem;margin-bottom:2rem;outline:none;padding:10px}.account-popup button{background-color:#000;border:1px solid #d7d1d1;border-radius:4px;color:#f7efef;cursor:pointer;font-size:1.3rem;height:3rem;padding:12px 0;place-self:center;transition:transform .2s ease;width:max(25vw,200px)}.account-popup button:hover{background-color:#fff;color:#000;transform:scale(1.08)}.popup-condition{align-items:start;color:#fff;display:flex;gap:8px;margin-top:-15px}.popup-condition input{margin-top:1rem}.account-popup span{font-weight:500}.account-popup span,.d{color:#fff;cursor:pointer}@media (max-width:480px){.account-popup{background-color:#0000;display:grid;height:100%;place-items:center;position:absolute;width:100%;z-index:1}.popup-component{gap:15px;margin:10px;min-height:auto;padding:20px}}@media (max-width:768px){.popup-component{padding:25px;width:290px}}@media (max-width:320px){.popup-component{gap:12px;padding:15px}.account-input input{height:44px;padding:10px 12px}.account-popup button{height:46px;padding:12px 16px}}.navbar{align-items:center;border:1px solid #1d1b1b;display:flex;justify-content:space-between;padding:0 5rem}.navbar img{height:5.5rem;width:5.5rem}.navbar button{align-items:center;background-color:#fff;border:1px solid #1d1b1b;border-radius:4px;color:#1d1b1b;cursor:pointer;display:flex;font-size:1rem;height:3rem;justify-content:center;padding:12px 0;place-content:center;transition:transform .2s ease;width:max(10vw,100px)}.navbar button:hover{background-color:#1d1b1b;color:#fff;transform:scale(1.05)}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links li a{color:#1d1b1b;font-size:1rem;text-decoration:none;transition:color .2s ease}.nav-links li a:hover{color:gray}.hamburger{cursor:pointer;display:none;flex-direction:column;gap:5px}.hamburger span{background:#1d1b1b;border-radius:5px;height:3px;transition:all .3s ease;width:25px}@media (max-width:768px){.navbar{padding:0 1rem}.navbar h2{font-size:1rem}.navbar button{font-size:.75rem;height:1.5rem;width:60px}.nav-links{align-items:center;background:#fff;border:1px solid #1d1b1b;flex-direction:column;height:0;overflow:hidden;position:absolute;right:0;top:60px;transition:height .3s ease;width:200px}.nav-links.active{height:150px;padding:1rem 0}.hamburger{display:flex}}.back-button-container{left:1.5rem;position:absolute;top:7rem}.error-page-container{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:calc(100vh - 9.5rem);justify-content:space-between;overflow-y:auto;padding:2rem;text-align:center}.error-title{color:red;font-size:1.8rem;font-weight:700;margin-top:1rem}.error-message{color:#333;font-size:1.1rem;margin-top:1rem}.server-message{color:#c00;font-size:.95rem;margin-top:2rem}.home-button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;margin-top:2.5rem;padding:.75rem 2rem}.info-page-container{background-color:#f7f7f7;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 9.5rem);overflow-y:auto;padding:20px;position:relative}.back-button{align-self:flex-start;border:1px solid #000;border-radius:4px;color:#333;font-size:1.5rem;height:3rem;margin-bottom:20px;padding-left:8px;width:3rem}.animation-container{height:20rem;margin:0 auto;width:50rem}.header-text{color:green;font-size:2rem;font-weight:700;margin-top:20px;text-align:center;z-index:1}.message-text{color:#666;font-size:16px;margin-top:12px;text-align:center}.server-message{color:#007aff;font-size:14px;margin-top:50px;text-align:center}.button-wrapper{display:flex;justify-content:center;margin-top:auto;padding-bottom:40px}.button{background-color:#000;border:1px solid #000;border-radius:4px;color:green;cursor:pointer;font-size:1.3rem;font-weight:700;height:3.5rem;margin-top:2rem;padding:12px 0;place-self:center;transition:transform .2s ease;width:max(35vw,200px);z-index:1}.button:hover{transform:scale(1.15)}@media (max-width:768px){.animation-container{width:35rem}}@media (max-width:481px){.animation-container{width:20rem}}.home{padding:1rem}.home-header{align-items:center;display:flex;justify-content:space-around}.home-header input{background-color:#dbd8d8;border:none;border-radius:8px;font-size:1.2rem;height:max(3vh,3rem);padding-left:1rem;width:80%}.home-content{height:calc(100vh - 10.5rem);overflow-y:auto;width:100%}.filter{border:none;border-radius:5px;cursor:pointer;font-size:1rem;margin-right:5px;margin-top:10px;padding:8px;resize:none;width:100%}.home-blog{display:flex;flex-wrap:wrap;gap:1rem;width:100%}.divider{border:none;border-top:1px solid #000;margin:10px 0}.refresh-btn{width:max(25vw,200px)}.tag-in{display:flex;flex-wrap:wrap}.box{border:1px solid #000;cursor:pointer;height:25rem;margin:1.5rem;max-width:100%}.box,.box-image{border-radius:4px;width:20rem}.box-image{height:13rem}.box-content{padding:10px}.box-content h3{font-weight:bolder}.box-footer,.box-section{align-items:flex-start;display:flex;justify-content:space-between}.box-footer{height:auto;margin-bottom:9px}.p{font-size:14px}.pp{background-color:#dbd7d7;border-radius:6px;font-size:10px;padding:6px}@media (min-width:600px) and (max-width:1000px){.box,.box-image{width:14rem}.box-content h3{font-size:1rem}}@media (max-width:600px){.box{border:none;height:8rem;margin:.5rem;width:100vw}.box-component{display:flex;height:8rem;width:100%}.box-image{border-radius:6px;height:8rem;width:8rem}.box-content{display:flex;flex-direction:column;padding:4px;width:calc(100vw - 10rem)}.box-content h3{font-size:1rem;font-weight:700}.p{font-size:10px}.pp{font-size:7px}.box-footer{font-size:14px}}.blog{padding:1.5rem}.blog-component{height:75vh;overflow-y:auto}.box-image{border-bottom:1px solid #000}.back{margin-bottom:8px}.blogImage{display:flex;height:30rem;place-self:center;width:100%}.blog-header{align-items:center;display:flex;justify-content:space-between}.blog-header p{background-color:#dbd7d7;border-radius:6px;font-size:1rem;padding:6px}.blog-title{font-size:2rem;font-weight:bolder}.blogs{display:flex;gap:1.5rem}.blogs span{font-size:1rem}.blog-owner{align-items:center;display:flex;justify-content:flex-start}.blog-owner img{border-radius:50%;height:3rem;margin-right:.5rem;width:3rem}.blog-owner p{font-size:20px;margin-right:.8rem}.blog-owner span{color:gray}.blog-footer{height:auto;padding:.5rem 0}.blog-footer,.blog-mini{align-items:center;display:flex;justify-content:space-between}.blog-mini{gap:1.5rem}.side-modal{animation:slideIn .3s forwards;background-color:#fff;bottom:0;box-shadow:-2px 0 8px #0003;height:70%;position:fixed;right:0;width:100%;z-index:999}.bg{align-items:center;display:flex;justify-content:space-between}@keyframes slideIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-content{height:100%;overflow-y:auto;padding:20px}.close-btn{background:#0000;border:none;cursor:pointer;float:right;font-size:1.5rem}textarea{padding:8px;place-content:center;resize:none;width:99%}button,textarea{border-radius:5px;font-size:1rem;margin-top:10px}button{border:none;cursor:pointer;margin-right:5px;padding:8px;resize:none;width:100%}.blog-head{align-items:center;display:flex;justify-content:center}.blog-head img{height:50vh;width:100vw}@media (max-width:842px){.blogImage{height:15rem}.blog-title{font-size:1.3rem}.blog-component{height:82vh}}.comment-main{margin-bottom:40px;width:100%}.comment-top{align-items:center;display:flex}.comment-avatar{border-radius:40px;height:40px;object-fit:cover;width:40px}.comment-username{color:#000;font-family:Open Sans,sans-serif;font-size:16px;font-weight:500;margin-left:5px}.comment-date{color:#666;font-family:Urbanist,sans-serif;font-size:15px;font-weight:500;margin-left:7px}.comment-editbox,.comment-text{color:#222;font-family:Open Sans,sans-serif;font-size:16px;margin:10px 3px 0}.comment-editbox{border:1px solid #ccc;border-radius:4px;padding:8px;resize:vertical;width:100%}.comment-actions{display:flex;justify-content:space-between;margin:12px 3px 0}.verify{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 9.5rem);overflow:auto;padding:1rem}.verify h4{font-size:1.5rem}.verify input{border:1px solid #000;border-radius:5px;color:#000;font-size:2.5rem;height:4rem;margin:1.5rem;text-align:center;width:4rem}.verify button{background-color:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.3rem;height:3.5rem;margin-top:2rem;padding:12px 0;place-self:center;transition:transform .2s ease;width:max(35vw,200px)}.verify button:hover{transform:scale(1.15)}@media (max-width:481px){.verify input{height:1.5rem;margin:1rem;width:1.5rem}}.blog-like-item{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px}.profile-pic{border:2px solid grey;cursor:pointer;flex-shrink:0;height:54px;padding:2px;width:54px}.profile-pic img{border-radius:50%;height:50px;object-fit:cover;width:50px}.blog-like-details{flex-grow:1;min-width:0}.username-row{align-items:center;cursor:pointer;display:flex;gap:4px}.username{color:#000;font-family:Urbanist,sans-serif;font-size:14px;font-weight:500}.verified-icon{height:16px;width:16px}.followers{color:grey;font-weight:500;margin-top:3px}.follow-btn,.followers{cursor:pointer;font-family:Urbanist,sans-serif}.follow-btn{background-color:#000;border:none;border-radius:5px;color:#fff;font-weight:600;height:38px;margin-left:auto;padding:0 15px}.follow-btn.following{background-color:#e0e0e0;color:#000}@media (max-width:600px){.blog-like-item{align-items:flex-start;flex-direction:column}.follow-btn{margin-left:0;margin-top:8px;width:100%}.profile-pic{height:50px;width:50px}}.refresh-btn{background-color:#000;border:1px solid #d7d1d1;border-radius:4px;color:#f7efef;font-size:1.3rem;height:3rem;padding:12px 0;place-self:center;transition:transform .2s ease;width:max(20vw,200px)}.refresh-btn:hover{background-color:#fff;color:#000;transform:scale(1.08)}@media (max-width:480px){.refresh-btn{width:max(10vw,100px)}}.follower-page{background-color:#fefefe;display:flex;flex-direction:column;height:calc(100vh - 6.5rem);padding:16px}.home-headers input{background-color:#dbd8d8;border:none;border-radius:8px;font-size:1.2rem;height:max(3vh,3rem);padding-left:1rem;width:97%}.back{border:1px solid #000;border-radius:4px;cursor:pointer;height:1rem;margin-top:.5rem;padding:.5rem;width:1rem}.header h2{color:#111;font-size:22px;margin-bottom:16px}.followers-list{border-top:1px solid #eee;flex-grow:1;overflow-y:auto;padding-top:10px}.overlay-spinner{height:100dvh;z-index:100}.spinner{border:4px solid #ccc;border-top-color:#333;height:30px;margin-bottom:8px;width:30px}.error-box{color:#b00020;margin-bottom:auto;margin-top:auto;text-align:center}.refresh-btn{background-color:initial;border:1px solid #000;color:#000;cursor:pointer;margin-top:8px;padding:6px 12px}.empty-text{color:#555;font-size:16px;margin:auto;text-align:center}.footer-loading{color:#444;margin:12px 0;text-align:center}.ap_main{background-color:#fff;display:flex;flex-direction:column;height:100vh;margin-right:1rem;padding:1rem}.ap_back_btn{margin-bottom:5px;margin-left:22px;margin-top:30px}.ap_container{margin:0 auto;max-width:1200px;padding:0 5vw;width:100%}.ap_profile{flex-direction:column;gap:20px;margin:20px 0}.ap_dp_container,.ap_profile{align-items:center;display:flex}.ap_dp_container{border:2px solid grey;border-radius:100px;justify-content:center;padding:3px}.ap_dp{border-radius:100px;height:100px;object-fit:cover;width:100px}.ap_stats{display:flex;justify-content:space-evenly;width:100%}.ap_stat_item{cursor:pointer;text-align:center}.ap_txt_val{color:#000;font-family:Urbanist_600;font-size:18px}.ap_txt_desc{color:grey;font-family:Urbanist_500;font-size:15px}.ap_username_row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin:10px 22px}.ap_username_col{flex:1 1;min-width:200px}.ap_username{align-items:center;display:flex;flex-wrap:wrap}.ap_username_txt{font-size:18px}.ap_verified_icon{margin-left:5px}.ap_joined{display:flex;flex-wrap:wrap;font-size:16px;margin-top:5px}.ap_txt_label{color:#444;font-weight:500;margin-right:4px}.ap_txt_value{color:#000;font-weight:300}.ap_blog_title{color:#222;font-family:OpenSans_700;font-size:24px;margin:15px 22px 10px}.ap_blog_list{max-height:calc(100vh - 450px);overflow-y:auto;padding:0 5vw}.ap_no_posts{color:#000;font-family:Urbanist_500;font-size:16px;margin-top:100px;text-align:center}.ap_error{align-items:center;display:flex;flex-direction:column;justify-content:center}.ap_error_text{color:orange;font-size:15px}.ap_error_msg,.ap_error_text{font-family:Urbanist_500;margin-bottom:10px;max-width:200px;text-align:center}.ap_error_msg{color:red;font-size:13px}.ap_refresh_btn{background:none;border:none;cursor:pointer}.ap_more{color:#222;font-family:OpenSans_400;margin:10px 0;text-align:center}.text-divider{border:2px solid #000;margin-right:1rem}@media screen and (min-width:768px){.ap_profile{align-items:center;flex-direction:row;justify-content:space-between}.ap_dp_container{flex-shrink:0}.ap_stats{gap:40px;justify-content:flex-start}.ap_username_row{justify-content:space-between;margin:20px 0}.ap_blog_list{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start;max-height:calc(100vh - 500px);overflow-y:auto;width:100%}.ap_blog_title{font-size:26px;margin:20px 0 15px}}@media screen and (min-width:1440px){.ap_container{max-width:1400px;padding:0 4vw}.ap_blog_title{font-size:28px}}.cb-main{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 6.5rem);justify-content:center;margin:0 auto;max-width:600px;padding:40px 20px}.cb-m-wt{font-size:2rem;font-weight:700;margin-bottom:20px;text-align:center}.cb-m-wt2{color:#555;font-size:1rem;line-height:1.5;margin-bottom:40px;padding:0 10px;text-align:center}.cb-button{background-color:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-bottom:20px;max-width:400px;padding:12px 20px;transition:background-color .3s ease;width:100%}.cb-button:hover{background-color:#fff;color:#000}.overlay-spinner{background-color:#fffc;flex-direction:column;position:absolute;z-index:1000}.spinner{animation:spin 1s linear infinite;border:5px solid #ddd;border-radius:50%;border-top-color:red;height:40px;margin-bottom:10px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:600px){.cb-m-wt{font-size:1.5rem}.cb-m-wt2{font-size:.95rem;margin-bottom:30px}.cb-button{font-size:.95rem;padding:10px 16px}}.btp-main{background-color:#f9f9f9;padding:24px}.btp-back-btn{margin-bottom:28px}.back-button{background:none;border:none;color:#000;cursor:pointer;font-size:16px}.btp-title{color:#1e1e1e;margin-bottom:8px}.btp-subtitle{color:#666;margin-bottom:32px}.btp-input{border:1px solid #ccc;border-radius:8px;font-size:16px;margin-bottom:auto;max-width:600px;outline:none;padding:14px 16px;width:100%}.overlay-spinner{background:#fffc;height:100%;width:100%;z-index:9999}@media (max-width:600px){.btp-button,.btp-input{width:100%}.btp-title{font-size:24px}.btp-subtitle{font-size:14px}}.btp-main{align-items:center;background-color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 6.5rem)}.btp-header{margin-left:22px;margin-top:30px}.btp-button{background-color:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-bottom:40px;margin-top:auto;max-width:600px;padding:16px;width:100%}@media (max-width:768px){.btp-header{margin-top:56px}}.btp-scroll{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow-y:auto;padding:0 22px}.btp-title{color:#111;font-size:30px;font-weight:700;line-height:39px;margin-bottom:2px}.btp-subtitle,.btp-title{font-family:Urbanist,sans-serif}.btp-subtitle{color:#888;font-size:16px;font-weight:500;line-height:24px;margin-top:0}.btp-tags-section{margin-top:25px}.btp-section-title{color:#111;font-family:Open Sans,sans-serif;font-size:20px;font-weight:700;margin-bottom:13px}.btp-tags-wrap{display:flex;flex-wrap:wrap;gap:10px}.mt-20{margin-top:20px}.btp-footer{margin-bottom:50px;margin-top:auto;padding:0 22px}@media (max-height:650px){.btp-footer{margin-bottom:10px}}.profile-pictures{height:calc(100vh - 9.5rem);overflow:auto;padding:1rem}.backspaces{align-items:center;border:1px solid #000;border-radius:3px;cursor:pointer;display:flex;height:1.8rem;justify-content:center;width:1.8rem}.register-pictures{border:2px solid #000;border-radius:7px;display:flex;position:relative}.register-pictures,.register-pictures img{height:max(25vw,200px);width:max(40vw,300px)}.register-pictures img{border-radius:50%;position:absolute}.profile-picture-components{align-items:center;display:flex;flex-direction:column;justify-content:center}.profile-picture-components h4{font-size:1.5rem}.profile-picture-components span{color:#383535;margin-bottom:4px}.profile-picture-footers{display:flex;gap:max(15vw,150px);margin-bottom:.5rem;margin-top:1rem}.profile-buttons{background-color:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.3rem;height:3.5rem;margin-top:2rem;padding:12px 0;place-self:center;transition:transform .2s ease;width:max(35vw,200px)}.profile-buttons:hover{transform:scale(1.15)}.blogdp-container{background:#f9f9f9;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:calc(100vh - 7rem);padding:1rem}.blogdp-topbar{align-items:center;display:flex;justify-content:space-between;padding:16px 24px}.back-btn{font-size:20px;margin-right:auto}.back-btn,.draft-btn{background:#0000;border:none;cursor:pointer}.draft-btn{align-items:center;display:flex;font-size:14px;font-weight:bolder;height:1.7rem;padding:10px 16px;place-content:center;justify-content:center;transition:transform .2s ease;width:8rem}.draft-btn:hover{transform:scale(1.5)}.draft-btn:disabled{cursor:not-allowed;opacity:.5}.blogdp-header{margin-top:10px;padding:0 24px}.blogdp-header h1{font-size:24px;margin-bottom:6px}.blogdp-header p{color:#555;font-size:14px}.blogdp-editor{flex:1 1;padding:16px 24px}.blogdp-editor textarea{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;display:block;font-size:15px;height:300px;line-height:1.5;outline:none;padding:12px;resize:none;text-align:left;width:100%}.blogdp-editor textarea:focus{border-color:#000}.blogdp-footer{display:flex;flex-direction:column;gap:10px;padding:16px 24px 32px}.full{border:none;border-radius:8px;cursor:pointer;font-size:15px;padding:14px;width:100%}.upload-btn{background:#000;color:#fff}.upload-btn:hover{background:#0056b3}.upload-btn:disabled{cursor:not-allowed;opacity:.5}@media (min-width:768px){.blogdp-editor textarea{height:400px}.blogdp-header h1{font-size:28px}}.settings-container{background:#fafafa;height:calc(100vh - 7.5rem);margin:0 auto;max-width:100vw;overflow:auto;padding:20px}.overlay-spinner{align-items:center;background:#ffffffb3;bottom:0;display:flex;font-size:18px;justify-content:center;left:0;position:fixed;right:0;top:0}.profile-header{margin-bottom:30px;text-align:center}.profile-pic-wrapper{border:2px solid #aaa;border-radius:50%;height:260px;margin:0 auto;padding:5px;width:260px}.profile-pic{border-radius:50%;height:250px;object-fit:cover;width:250px}.username{align-items:center;display:flex;font-size:22px;gap:6px;justify-content:center;margin:10px 0 5px}.verified-icon{height:18px;width:18px}.joined-text{color:#666;font-size:14px}.section-header{margin:30px 0 10px}.section-icon{align-items:center;background:#ececec;border-radius:50%;display:flex;font-size:18px;height:40px;justify-content:center;margin-right:10px;width:40px}.section-title{font-size:18px;font-weight:600}.menu-box{border-radius:12px;margin-bottom:20px;overflow:hidden;padding:10px 0}.menu-item{border-bottom:1px solid #ddd;padding:12px 16px}.menu-item:last-child{border-bottom:none}@media (max-width:768px){.settings-container{height:calc(100vh - 5rem);padding:15px}.profile-pic-wrapper{height:120px;width:120px}.profile-pic{height:110px;width:110px}.username{font-size:18px}.section-title{font-size:16px}}@media (max-width:480px){.profile-pic-wrapper{height:90px;width:90px}.profile-pic{height:80px;width:80px}.username{font-size:16px}.section-title{font-size:15px}.menu-item{font-size:14px;padding:10px 12px}}.section-header{align-items:center;display:flex;gap:8px;margin:1rem 0}.section-header-icon{font-size:1.5rem;line-height:1}.section-header-title{color:#222;font-size:1.25rem;font-weight:600}.menu-container{box-shadow:0 2px 6px #00000014;overflow:hidden;width:98%}.menu-container,.menu-item-wrapper{display:flex;flex-direction:column}.menu-item{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:14px 18px;transition:background .2s ease-in-out;width:100%}.menu-item:hover{background:#0000000d}.menu-text{font-size:15px;font-weight:600;margin-right:auto;text-align:left}.menu-arrow{color:#333;font-size:1.25rem;margin-left:auto}.menu-divider{border:none;border-top:1px solid #0000001a;margin:0 15px}@media (max-width:768px){.menu-container{margin:0 10px;width:96%}.menu-item{padding:12px 14px}.menu-text{font-size:14px}.menu-arrow{font-size:18px}}.fp-main{background-color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:calc(100vh - 8.5rem);padding:2rem}.fp-back{height:2rem;width:2rem}.fp-back-btn{background:none;border:none;color:#0073e6;cursor:pointer;font-size:1rem}.fp-back-btn:hover{text-decoration:underline}.fp-title{font-size:2rem;font-weight:600;margin-bottom:.5rem}.fp-subtitle{color:#555;font-size:1.125rem;margin-bottom:1.5rem;max-width:700px}.fp-input{border:1px solid #ccc;border-radius:8px;font-size:1rem;margin-bottom:1.5rem;margin-right:3rem;max-width:97%;min-height:30px;padding:1rem;resize:vertical;width:95%}.fp-button-wrapper{margin-bottom:1rem;margin-top:auto}.fp-button{background-color:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;height:56px;max-width:100%;transition:background .3s;width:100%}.fp-button:hover:not(:disabled){background-color:red}.fp-button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:1024px){.fp-main{padding:2rem}.fp-title{font-size:1.5rem}.fp-subtitle{font-size:1.125rem}.fp-button{border-radius:6px;height:50px;width:100%}}@media (max-width:768px){.fp-main{height:calc(100vh - 5.2rem);padding:1.5rem}.fp-title{font-size:1.5rem}.fp-subtitle{font-size:.95rem}.fp-button{border-radius:6px;height:50px;width:100%}}@media (max-width:480px){.fp-main{padding:2rem}.fp-title{font-size:1.25rem}.fp-subtitle{font-size:.9rem}.fp-button{border-radius:6px;height:50px;max-width:100%;width:100%}}body,html{height:100%;margin:0;padding:0}.profile-picture{height:calc(100vh - 7.5rem);overflow:auto;padding-left:2rem;padding-top:6rem}.backspace{align-items:center;border:1px solid #000;border-radius:3px;cursor:pointer;display:flex;height:1.8rem;justify-content:center;width:1.8rem}.register-picture{border:2px solid #000;display:flex;position:relative}.register-picture,.register-picture img{border-radius:50%;height:max(25vw,200px);width:max(25vw,200px)}.register-picture img{position:absolute}.profile-picture-component{align-items:center;display:flex;flex-direction:column;justify-content:center}.profile-picture-component h4{font-size:1.5rem}.profile-picture-component span{color:#383535;margin-bottom:4px}.profile-picture-footer{display:flex;gap:max(15vw,150px);margin-bottom:.5rem;margin-top:1rem}.profile-button{background-color:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.3rem;height:3.5rem;margin-top:2rem;padding:12px 0;place-self:center;transition:transform .2s ease;width:max(35vw,200px)}.profile-button:hover{transform:scale(1.15)}
/*# sourceMappingURL=main.8faf3546.css.map*/