.f-main{background-color:var(--blogs-bg-color);height:596px}.f-content,.f-main{width:100%;display:flex;align-items:center;justify-content:center}.f-content{max-width:574px;height:388px;flex-shrink:0;flex-direction:column;gap:45px}.f-label{color:var(--title-bg-color);text-align:center;font-size:56px;font-style:normal;font-weight:700;line-height:normal}.f-btns{display:flex;flex-wrap:wrap;align-items:center;gap:12px;width:100%;max-width:100%}.f-btns,.f-btns a{justify-content:center}.f-btns a{display:inline-flex;color:inherit;-webkit-tap-highlight-color:transparent}.f-btns a,.f-btns a:active,.f-btns a:focus,.f-btns a:hover{text-decoration:none}.f-btns .btn-bg{width:min(100%,280px);min-height:52px;padding:12px 22px}.f-btns .btn-main{width:auto;height:auto;gap:10px}.f-btns .btn-text{font-size:16px;line-height:1.25;font-weight:600;white-space:nowrap}.f-btns .btn-portfolio{background-color:#fff;border:1px solid rgba(0,0,0,.18)}.f-btns .btn-text-portfolio{color:#101010;font-weight:600}.f-btns .btn-github-icon{color:#101010}[data-theme=dark] .f-btns .btn-portfolio{background-color:#1a1a1a;border-color:hsla(0,0%,100%,.2)}[data-theme=dark] .f-btns .btn-github-icon,[data-theme=dark] .f-btns .btn-text-portfolio{color:#f3f4f6}.f-media-icons{display:flex;align-items:center;gap:20px}.f-media-icons .FBIcon,.f-media-icons .InIcon,.f-media-icons .LIIcon,.f-media-icons .TWIcon,.f-media-icons .UPIcon{font-size:1.9rem;margin:0 5px;transition:color .5s;color:var(--blogs-text-color)}.f-media-icons .FBIcon:hover{color:#3b5998}.f-media-icons .InIcon:hover{color:#e1306c}.f-media-icons .LIIcon:hover,.f-media-icons .TWIcon:hover{color:#0072b1}.f-media-icons .UPIcon:hover{color:#73bb44}@media (max-width:768px){.f-media-icons .FBIcon,.f-media-icons .InIcon,.f-media-icons .LIIcon,.f-media-icons .TWIcon,.f-media-icons .UPIcon{font-size:1.35rem;margin:0 4px}}@media (max-width:700px){.f-label{font-size:clamp(28px,7.5vw,40px);line-height:1.15;padding:0 16px}.f-content{height:auto;min-height:360px;padding:24px 16px;gap:28px}.f-main{min-height:480px;height:auto;padding:48px 0 max(32px,env(safe-area-inset-bottom))}.f-btns{flex-direction:column;gap:10px;padding:0 20px}.f-btns .btn-bg,.f-btns .btn-portfolio{width:100%;max-width:260px;min-height:48px}}