*, *::before, *::after{box-sizing:border-box} article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{display:block; margin:0; padding:0} body{background-color:#f4f4f4; font-family:Arial, sans-serif; min-height:100vh; margin:0; padding:0} #welcome-message{margin:auto; text-align:center; background-color:#fff8db; border-bottom:1px solid #dadada; padding:5px 0; display:flex; justify-content:space-between; align-items:center} #welcome-message-content{flex:1} #welcome-message-close{width:40px; height:40px} #welcome-message h1{font-size:15px; margin:0; padding:0; color:#3c3c3c} #welcome-message p{font-size:12px; margin:0; padding:0; color:#515151} header{position:relative} a{color:#1a5fd0; text-decoration:none; cursor:pointer; transition:color 0.15s ease, text-decoration-color 0.15s ease} a:hover{text-decoration:underline} a.btn-default:hover{text-decoration:none} button, .btn-default{appearance:none; -webkit-appearance:none; display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:7px 12px; font-size:14px; line-height:1.2; color:#474747; background-color:#e5e5e5; border:none; border-radius:5px; cursor:pointer; user-select:none; -webkit-tap-highlight-color:transparent; transition:background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease-in-out} button:hover, .btn-default:hover{background-color:#d6d6d6} button:focus-visible, .btn-default:focus-visible{outline:2px solid #5b9cff; outline-offset:1px} button:disabled, .btn-default:disabled{opacity:0.6; cursor:not-allowed} button:focus, button:focus-visible, button:active{-webkit-tap-highlight-color:transparent; -webkit-appearance:none; appearance:none} button.btn-primary{border:none; color:#fff; background-color:#4A90E2} button.btn-primary:hover{background-color:#357ABD} button.btn-success{color:#fff; background-color:#2ea44f} button.btn-success:hover{background-color:#2c974b} button.btn-danger{color:#fff; background-color:#d96b4c} button.btn-danger:hover{background-color:#c45f44} button.btn-clear{padding:0; color:#2e2e2e; background-color:transparent} button.btn-clear:hover{background-color:transparent} #logo a{display:inline-block} #logo img{text-decoration:none; height:34px} #top-bar, #main-bar, #bottom-bar{background-color:#fff; min-width:300px; display:grid; grid-template-columns:1fr auto 1fr; grid-template-columns:20% auto 20%; align-items:center} #top-bar, #main-bar, #bottom-bar{padding-left:10px; padding-right:10px} #top-bar, #bottom-bar{padding-top:0; padding-bottom:0} #main-bar{padding-top:15px; padding-bottom:15px} #bottom-bar{border-bottom:1px solid #ddd} #header-main-left, #header-top-left, #header-bottom-left{justify-self:start; display:flex; justify-content:center; align-items:center; gap:20px} #header-main-center, #header-top-center{justify-self:center; width:100%; text-align:center} #header-main-right, #header-top-right, #header-bottom-right{justify-self:end; display:flex; align-items:center; justify-content:flex-end; gap:20px} .box{margin:3px 0; border-radius:5px; border:1px solid #ddd; background-color:#fff} .box-content{padding:10px} .no-scroll{overflow:hidden; width:100vw; scrollbar-width:none; touch-action:none; overscroll-behavior:none} .no-scroll::-webkit-scrollbar{display:none} .no-select{-webkit-user-select:none; -ms-user-select:none; user-select:none} .message-overlay{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.3); display:flex; justify-content:center; align-items:center; z-index:1000} .message-box{background-color:#fff; padding:10px; border-radius:10px; box-shadow:0 4px 6px rgba(0, 0, 0, 0.1); position:relative; max-width:500px; width:100%; text-align:center; height:auto; display:flex; flex-direction:column; max-height:calc((var(--vh, 1vh) * 100) )} .message-content{overflow-x:hidden; overflow-y:auto} .message-content h3{margin:15px auto; padding:0} .message-box-header{display:flex; margin-bottom:10px} div.message-box-title{flex:1} div.message-box-back, div.message-box-close{display:flex; justify-content:flex-end; align-items:center} button.back, button.close{background:none; border:none; outline:none; cursor:pointer; padding:0; margin:0; display:flex; align-items:center; justify-content:center} button.back svg, button.close svg{transition:transform 0.3s} button.back:hover svg, button.close:hover svg{transform:scale(1.2); background-color:transparent} button.back:active, button.close:active{background-color:transparent} button.close:hover svg{color:red} .message-box-title h2{font-variant:all-small-caps; font-size:25px; margin:0 auto; padding:0} .message-content p{font-size:13px; line-height:22px; margin:1em 20px; color:#4a4a4a} section.main{margin:auto; width:100%} #sidebar-right{} #main{display:flex; justify-content:space-between; align-items:stretch; margin:0 auto; width:100%} #content-center{max-width:700px; min-width:500px; width:60%} #sidebar-left, #sidebar-right{flex:1; min-width:200px; width:20%; max-width:300px} #sidebar-left{position:sticky; top:0; height:calc(100vh - var(--top-position-menu)); overflow-y:auto} #sidebar-left::-webkit-scrollbar{width:8px} #sidebar-left::-webkit-scrollbar-track{background:#f0f0f0} #sidebar-left::-webkit-scrollbar-thumb{background:#dcdcdc; border-radius:10px; transition:background 0.3s ease} #sidebar-left::-webkit-scrollbar-thumb:hover{background:#6e6e6e} a.navigation-tag{display:block; font-family:"Segoe UI", sans-serif; font-weight:400; letter-spacing:0.3px; text-decoration:none; font-variant:small-caps; padding:6px 12px; border-radius:3px; background-color:#f3f3f3; color:#333} .navigation-tag:hover, .navigation-tag.active{background-color:#e6e6e6} #close-menu{display:flex; align-items:center; justify-content:center; background-color:transparent; border:none; cursor:pointer; width:50px; height:45px; border-radius:0} #close-menu:hover{opacity:0.6} #close-menu svg{width:22px; height:22px; flex:0 0 22px} .left-menu-block{border-bottom:1px solid #dddddd; padding:15px 0} div.left-menu-block:first-child{padding:0; display:flex; justify-content:space-between; align-items:center} div.left-menu-block:first-child svg{width:26px; height:26px; flex:0 0 26px} div.left-menu-block:first-child .left-menu-option{flex:1; padding:0 10px; height:45px} .left-menu-block:last-child{border:none} .left-menu-option{display:flex; align-items:center; gap:5px; text-decoration:none; padding:10px; cursor:pointer; user-select:none; -webkit-tap-highlight-color:transparent} body:not(.isMobile) .left-menu-option:hover, body:not(.isMobile) #close-menu:hover, body.isMobile .left-menu-option:active, body.isMobile #close-menu:active{text-decoration:none; background-color:#e3e3e3} #menu-profile-image{width:40px; height:40px; flex:0 0 40px; border-radius:50%; overflow:hidden} #menu-profile-image img, #header-profile-image{width:100%; height:100%; object-fit:cover; object-position:center} .menu-default-profile-image{width:100%; height:100%; display:flex; align-items:center; justify-content:center; transition:transform 0.15s ease; font-size:14px; font-weight:bold; text-transform:uppercase} .left-menu-option svg{width:20px; height:20px; flex:0 0 20px; color:#5b5b5b} .left-menu-option span{font-size:14px; color:#212121; overflow:hidden; white-space:nowrap} .left-menu-option .left-menu-count-value{font-size:10px; background-color:#e5e5e5; color:#909090; padding:4px 6px; border-radius:10px} #header-user-profile{position:relative; display:flex; align-items:center; justify-content:flex-end; gap:20px} #menu-toggle, #header-home-icon{background:none; border:none; padding:0; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:transform 0.15s ease} #menu-toggle:hover, #header-home-icon:hover{background:none; border:none} .header-default-user-image{width:100%; height:100%; display:flex; align-items:center; justify-content:center; transition:transform 0.15s ease; font-size:14px; font-weight:bold; text-transform:uppercase} #open-notifications{position:relative; display:inline-flex} #notification-badge{position:absolute; top:-2px; left:50%; height:18px; min-width:18px; padding:0 5px; display:flex; align-items:center; justify-content:center; background:#e53935; color:#fff; font-size:11px; font-weight:700; border-radius:999px; white-space:nowrap; outline:1px solid #fff} #notification-badge:empty{display:none} #notification-badge.pop{animation:pop 0.3s ease} @keyframes pop{0%{transform:scale(1)} 50%{transform:scale(1.2)} 100%{transform:scale(1)} } div.options-menu.user-notifications-menu{width:350px; max-width:350px; height:500px; max-height:500px; overflow-y:auto; padding:0} div.options-menu.account-options-menu{width:300px; max-width:300px} .notifications-container{min-height:50px; display:flex; flex-direction:column; justify-content:center; text-align:center; text-decoration:none; color:#333333; padding:0} .notification-content-container{margin-left:10px; flex:1; color:#5a5a5a; display:flex; justify-content:center; align-items:flex-start; flex-direction:column} .notification-content-container:hover{text-decoration:none} .notifications-header{display:none; padding:12px 15px; border-bottom:1px solid #ddd; background-color:#fff; position:sticky; top:0; left:0; display:flex; justify-content:space-between; align-items:center; z-index:1} .notifications-title{flex:1; text-align:center; font-weight:bold; font-variant:all-small-caps; letter-spacing:0.1em; font-size:18px; margin:0; padding:0} .user-option.notification{width:100%; gap:0; align-items:stretch; border-radius:0; margin:1px 0; padding:10px; width:100%; gap:0; align-items:stretch} .user-option.notification.unread{background-color:#f5f5f5} .user-option.notification:hover{background-color:#efefef} #notification-badge:hidden{display:none} .no-scroll .notifications-container{margin:5px} .no-scroll .user-option.notification{padding:12px} .notification-icon{flex:0 0 40px; width:40px; display:flex; align-items:center; position:relative} .notification-action-icon-container{position:absolute; bottom:-7px; right:-7px; background-color:#fff; outline:1px solid #fff; border-radius:50%; width:24px; height:24px; justify-content:center; align-items:center; display:flex} .notification-action-icon-container.hidden{display:none} .notification .notification-icon .author-image{width:40px; height:40px} .notification-content{white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; font-size:14px} .notification-time-ago{font-size:12px; margin-top:3px} div.options-menu.stick-right-menu.user-notifications-menu.full-screen{position:fixed; left:0; top:0; width:100%; height:100%; max-height:none; max-width:none; z-index:1000; margin:0} .notifications-close{display:none} .full-screen .notifications-close{display:block} .no-notifications{font-size:14px; color:#5b5b5b} #search-toggle, #add-post, #open-notifications, .header-user-profile-menu{display:flex; justify-content:center; align-items:center; background-color:transparent; border:none; cursor:pointer; transition:transform 0.15s ease} .header-user-profile-menu{border:2px solid #5a5a5a; border-radius:50%} #header-home-icon svg, #menu-toggle svg, #search-toggle svg, #add-post svg, #open-notifications svg{transition:transform 0.15s} #header-home-icon:hover svg, #menu-toggle:hover svg, #search-toggle:hover svg, #add-post svg:hover, #open-notifications:hover svg{transform:scale(1.1)} #menu-toggle, #close-menu, #header-home-icon{display:none} .no-highlight, #header-home-icon, #open-notifications, .header-user-profile-menu, #add-post, #login-sign-btn, #setting-user-avatar-image-box{-webkit-tap-highlight-color:transparent; -webkit-appearance:none; appearance:none} #search-toggle, #add-post, #upload-image-clear-button{padding:0} .header-user-profile-menu, #open-notifications, #add-post, #search-toggle, #menu-toggle svg, .header-user-profile-menu svg{width:36px; height:36px} #login-sign-btn{cursor:pointer; text-align:center; font-size:13px; color:#787878; font-weight:bold} #login-sign-btn:hover{color:#404040} #search-toggle{display:none} .header-user-profile-menu{overflow:hidden; border-color:#515151} .header-user-profile-menu.logged{border:none} .err-message{color:red; transition:opacity 0.5s ease-in-out; opacity:0} .err-message.show{opacity:1} .loader-bar{display:inline-block; width:50px; height:5px; margin-left:10px; position:relative; overflow:hidden; vertical-align:middle; background:rgba(0, 0, 0, 0.3); border-radius:2px} .loader-bar::before{content:''; position:absolute; left:-50px; width:30px; height:100%; background:linear-gradient(to right, transparent, #fff, transparent); animation:slideFade 1s ease-in-out infinite} @keyframes slideFade{0%{left:-30px; opacity:0} 50%{left:25px; opacity:1} 100%{left:50px; opacity:0} } .options-menu{position:absolute; background:#fff; border:2px solid #e0e0e0; border-radius:5px; box-shadow:0 0 10px rgba(0, 0, 0, .15); padding:5px; z-index:100; white-space:nowrap; width:max-content; height:max-content; min-width:100px; min-height:50px; max-width:300px} .options-menu.add-arrow::before, .options-menu.add-arrow::after{content:""; position:absolute; width:0; height:0; border-style:solid} .options-menu.add-arrow::before{z-index:9998} .options-menu.add-arrow::after{z-index:9999} .options-menu.set-left-postion{right:100%; margin-right:5px} .options-menu.set-left-postion.add-arrow{margin-right:13px} .options-menu.set-left-postion.add-arrow::before, .options-menu.set-left-postion.add-arrow::after{top:50%; transform:translateY(-50%)} .options-menu.set-left-postion.add-arrow::before{right:-12px; border-width:12px 0 12px 12px; border-color:transparent transparent transparent #e0e0e0} .options-menu.set-left-postion.add-arrow::after{right:-9.8px; border-width:11px 0 11px 11px; border-color:transparent transparent transparent #fff} .options-menu.set-right-postion{left:100%; margin-left:5px} .options-menu.set-right-postion.add-arrow{margin-left:13px} .options-menu.set-right-postion.add-arrow::before, .options-menu.set-right-postion.add-arrow::after{top:50%; transform:translateY(-50%)} .options-menu.set-right-postion.add-arrow::before{left:-12px; border-width:12px 12px 12px 0; border-color:transparent #e0e0e0 transparent transparent} .options-menu.set-right-postion.add-arrow::after{left:-9.8px; border-width:11px 11px 11px 0; border-color:transparent #fff transparent transparent} .options-menu.set-top-postion{bottom:100%; left:50%; transform:translateX(-50%); margin-bottom:5px} .options-menu.set-top-postion.add-arrow{margin-bottom:13px} .options-menu.set-top-postion.add-arrow::before, .options-menu.set-top-postion.add-arrow::after{left:50%; transform:translateX(-50%)} .options-menu.set-top-postion.add-arrow::before{bottom:-12.7px; border-width:12px 12px 0; border-color:#e0e0e0 transparent transparent} .options-menu.set-top-postion.add-arrow::after{bottom:-10px; border-width:11px 11px 0; border-color:#fff transparent transparent} .options-menu.set-bottom-postion{top:100%; left:50%; transform:translateX(-50%); margin-top:5px} .options-menu.set-bottom-postion.add-arrow{margin-top:13px} .options-menu.set-bottom-postion.add-arrow::before, .options-menu.set-bottom-postion.add-arrow::after{left:50%; transform:translateX(-50%)} .options-menu.set-bottom-postion.add-arrow::before{top:-12.7px; border-width:0 12px 12px; border-color:transparent transparent #e0e0e0} .options-menu.set-bottom-postion.add-arrow::after{top:-10px; border-width:0 11px 11px; border-color:transparent transparent #fff} .options-menu.set-adaptive-top-postion{top:0; bottom:auto} .options-menu.set-adaptive-bottom-postion{top:auto; bottom:0} .options-menu.set-adaptive-left-postion{left:0; right:auto; transform:none} .options-menu.set-adaptive-right-postion{right:0; left:auto; transform:none} .options-menu.set-adaptive-top-postion.add-arrow::before, .options-menu.set-adaptive-top-postion.add-arrow::after{top:20px} .options-menu.set-adaptive-bottom-postion.add-arrow::before, .options-menu.set-adaptive-bottom-postion.add-arrow::after{top:calc(100% - 20px)} .options-menu.set-adaptive-left-postion.add-arrow::before, .options-menu.set-adaptive-left-postion.add-arrow::after{left:20px} .options-menu.set-adaptive-right-postion.add-arrow::before, .options-menu.set-adaptive-right-postion.add-arrow::after{left:calc(100% - 20px)} div.options-menu.stick-right-menu{right:0px; margin-top:5px; left:auto; transform:none} div.options-menu.stick-left-menu{right:0px; margin-top:5px; left:auto; transform:none} .alert-msg{margin:5px auto} .alert-buttons-container{display:flex; justify-content:center; gap:15px; margin:22px auto 10px auto} .alert-button{padding:7px 12px; min-width:70px} #toast-message{position:fixed; left:50%; transform:translateX(-50%); background:rgb(100, 100, 100); color:white; padding:13px 20px; border-radius:50px; font-size:14px; z-index:9999; transition:all 0.4s ease} .toast-message-top{opacity:0; top:-20px} .toast-message-bottom{opacity:0; bottom:-20px} .toast-message-top.show{top:40px; opacity:0.9} .toast-message-bottom.show{bottom:80px; opacity:0.9} .no-internet-connection{position:fixed; bottom:50px; left:50%; transform:translateX(-50%); font-size:12px; display:inline-block; padding:10px 15px; background-color:#fafafa; border-radius:20px; z-index:1000; white-space:nowrap; -webkit-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.20); -moz-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.20); box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.20)} svg{width:18px; height:18px; flex-shrink:0} .post-actions-icon, .comment-actions-icon{; color:#9d9d9d} .post-actions-icon{width:26px; height:26px} .comment-actions-icon{width:22px; height:22px} svg.vote-icon{color:transparent; stroke:#9d9d9d} svg.vote-icon-set-up{color:#8295ff; stroke:#8295ff} .post-options-toggle svg, .comment-options-toggle svg, .user-options-more-settings-toggle svg{color:#5a5a5a} .post-options-toggle svg{width:32px; height:32px} .comment-options-toggle svg{width:24px; height:24px} .user-options-more-settings-toggle svg{width:18px; height:18px} .report-option-icon svg, .message-overlay .back svg, .message-overlay .close svg, .blocked-from-user-icon svg, .notifications-close svg, .post-hide svg{color:#787878} .message-overlay .back svg, .message-overlay .close svg, .notifications-close svg{width:24px; height:24px} .blocked-from-user-icon svg, .post-hide svg{width:18px; height:18px} .report-option-icon svg{width:18px; height:18px; transform:scaleX(-1)} .write-comment-bottom-content button.send-comment svg{width:18px; height:18px; color:#ffffff} .show-more-emojis-btn svg{width:18px; height:18px; color:#787878} .follow-user svg{color:#5a5a5a; width:18px; height:18px} #header-home-icon svg, #menu-toggle svg, #search-toggle svg, #search-wrapper-back svg, #modal-close svg, #add-post>svg, #open-notifications>svg, .header-user-profile-menu>svg{color:#5a5a5a} #search-toggle svg, #open-notifications svg, #add-post svg{width:24px; height:24px} #header-home-icon svg, #menu-toggle svg{width:36px; height:36px} #search-wrapper-back svg, #modal-close svg{width:32px; height:32px} #add-post>svg{stroke-width:1.3px} .account-options-menu svg{width:22px; height:22px; color:#212121} .header-user-profile-menu svg{width:36px; height:36px; color:#212121} .avatar-options-menu svg{width:20px; height:20px; color:#212121} .user-option-settings-btn svg{width:18px; height:18px; color:#212121} .post-option-icon, .post-comment-option-icon, .user-option-icon, .post-share-option-icon{width:20px; height:20px; color:#5a5a5a} #upload-image-clear-button svg{width:18px; height:18px; color:#ffffff} .upload-tag-suggests svg{color:#212121; width:12px; height:12px} .login-button-icon svg{width:24px; height:24px; color:#787878} .toggle-password svg{width:22px; height:22px; color:#787878} svg.mask-sensitive-eye-off{color:#fff; width:30px; height:30px} svg.delete-comment-loading-icon, svg.write-comment-loading-icon{width:35px; height:35px; color:#787878; stroke-width:5px} svg.loading-icon{width:35px; height:35px; color:#787878} svg.loading-content, svg.empty-content-loading-icon{width:50px; height:50px; color:#c3c3c3; stroke-width:7px} .empty-content-comment svg.empty-content-loading-icon{width:24px; height:24px; stroke-width:5px} svg.loading-icon.remove-post-icon{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:50px; height:50px; color:#000; stroke-width:7px} .form-group{margin-top:15px} .textarea-element{width:100%; height:150px; padding:8px 10px; font-size:14px; color:#111827; background-color:#fff; border:1px solid #ccc; border-radius:6px; transition:border-color 0.2s, box-shadow 0.2s} .textarea-element:focus{outline:none; border-color:#666} .textarea-element::placeholder, .input-element::placeholder{color:#9ca3af} .input-field{display:flex; align-items:center; border:1px solid #ccc; border-radius:6px; overflow:hidden; transition:border-color 0.2s} .input-field:focus-within{border-color:#666} .input-field input{flex:1; padding:10px 12px; font-size:14px; border:none; outline:none; background-color:transparent} .toggle-password{padding:0 10px; height:100%; border:none; background:none; cursor:pointer; font-size:16px; opacity:0.6} .toggle-password:hover{opacity:1; background:none} .confirm-btn{width:100%; padding:10px; font-size:15px; border:none; border-radius:6px} .input-info-log{font-size:12px; text-align:left; margin:5px 0; color:#ff4d4f} .content-contact{padding:30px 20px} .content-contact p{text-align:center; font-size:14px; margin-bottom:30px; color:#404040} #contact-form{max-width:350px; margin:auto; text-align:center} #contact-form .ready-message svg{width:60px; height:60px; color:green} #resend-message-btn{width:100px} .page-content{padding:25px} .page-content p, .page-content li{font-size:14px; line-height:22px; color:#6f6f6f} .page-content .last-update-info{text-align:right; font-size:12px; margin:30px 0} .page-content h3, .page-content h4{color:#484848} .page-content h3:not(:first-child){margin-top:50px} body.isMobile .message-overlay .message-box.overlay-full-onsmall{height:100%; max-height:100%; width:100%; max-width:100%; border-radius:0; box-shadow:none} body.isMobile .message-overlay .message-box.overlay-full-onsmall .message-content{max-height:100%; height:100%; width:100%} @media (min-width:1800px){div#main{max-width:1400px} } @media (min-width:1200px){.left-menu-option{gap:10px} .left-menu-option span{font-size:16px} } @media (max-width:900px){#logo img{height:32px} .left-menu-option{gap:10px} .left-menu-option span{font-size:15px} #sidebar-left{position:fixed; top:0; left:-250px; width:250px; height:100vh; background:white; box-shadow:2px 0 10px rgba(0, 0, 0, 0.2); transition:left 0.3s ease; z-index:50; padding-right:0} a.navigation-tag{padding:8px 0 8px 15px; border-radius:0; font-size:17px} #sidebar-left.active{left:0; background:#f3f3f3} #menu-toggle, #header-home-icon{display:flex} #close-menu{display:flex} #content-center{width:80%} .header-user-profile-menu, #open-notifications, #add-post, #search-toggle, #menu-toggle svg, .header-user-profile-menu svg, #header-home-icon svg{width:34px; height:34px} #search-toggle{display:block} } @media (max-width:768px){#header-main-right{gap:10px} } @media (max-width:615px){#logo img{height:30px} .message-overlay .message-box.overlay-full-onsmall{height:100%; max-height:100%; width:100%; max-width:100%; border-radius:0; box-shadow:none} .message-overlay .message-box.overlay-full-onsmall .message-content{max-height:100%; height:100%; width:100%} #main-bar{padding-top:10px; padding-bottom:10px; border:none} #bottom-bar{padding-top:0; padding-bottom:10px} #search-toggle{display:none} #content-center{width:100%; min-width:300px} #sidebar-right{display:none} .header-user-profile-menu, #open-notifications, #add-post, #search-toggle, #menu-toggle svg, .header-user-profile-menu svg, #header-home-icon svg{width:32px; height:32px} #add-post>svg{width:32px; height:32px; stroke-width:0.8px} #header-home-icon>svg{width:34px; height:34px} #login-sign-btn{font-size:11px} #header-user-profile:has(#login-sign-btn){gap:10px} #contact-form{padding:0 30px} }