header{width:100%;height:50px;display:flex;justify-content:center}.navbar{display:flex;align-items:center;width:100%}.navbar .navbar-ul{display:flex;align-items:center;justify-content:space-around;list-style:none;height:100%;width:100%}.navbar .navbar-ul li a{text-decoration:none;color:var(--fg0);font-size:1rem;transition:all .25s ease;display:inline-block;transform-origin:center;cursor:pointer}.navbar .navbar-ul li a:hover{color:var(--orange0);transform:scale(1.2);font-weight:700}.navbar .navbar-ul li .hidden{opacity:0}.navbar .navbar-ul li .active{color:var(--orange0);font-weight:700;font-size:1.1rem}.navbar .navbar-ul li .active .hidden{opacity:1}.divider{width:100%;height:1px;margin:.25rem 0;background:var(--fg0)}.special-divider{margin-bottom:1rem}.title-subtitle-cover{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem;gap:.3rem}.title-subtitle-cover img{width:300px}.title-subtitle-cover h1{font-size:1.4rem}.title-subtitle-cover h4{color:var(--fg5)}.social-medias{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center}.social-medias .social-media-links{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem}.page{padding:2rem 0;display:flex;flex-direction:column;align-items:center;width:100%;max-width:600px;margin:0 2rem}.main-home .useful-links{display:flex;flex-wrap:wrap;gap:1rem;flex-direction:column;margin:1rem 0}.main-home .useful-links div{display:flex;flex-wrap:wrap;justify-content:center;gap:2.5rem}.main-home .useful-links div a{transition:color .3s}.main-home .useful-links div a:hover{color:var(--fg4)}.main-home .mainText{margin:1rem 0}.main-about .mainText-about{margin:1rem 0;display:flex;flex-direction:column;gap:1.5rem}.main-about .mainText-about .myname{color:var(--green);font-weight:500;letter-spacing:.05rem}.main-about .mainText-about .cs{color:var(--orange0);font-weight:500;letter-spacing:.05rem}.main-about .studysessions{margin:1rem 0;display:flex;flex-direction:column;gap:1.5rem}.main-about .studysessions .date{color:var(--orange);font-weight:500;letter-spacing:.05rem}.main-about .studysessions .community{color:var(--green);font-weight:500;letter-spacing:.05rem}.main-about .studysessions .notes{color:var(--blue);font-weight:500;letter-spacing:.05rem}.main-about .studysessions .ssview{color:var(--purple);font-weight:500;letter-spacing:.05rem}.main-about .studysessions .setup{color:var(--yellow);font-weight:500;letter-spacing:.05rem}.main-about .studysessions .etc{color:var(--red);font-weight:500;letter-spacing:.05rem}.main-about .studysessions .personal-view{color:var(--green);font-weight:500;letter-spacing:.05rem}.main-about .studysessions .study-session-view{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.main-about .studysessions .study-session-view img{width:100%;height:auto}.main-about .studysessions .study-session-view small{color:var(--fg3);font-size:.6rem}.main-about .rust{color:var(--orange);font-weight:500}.main-about .cpp{color:var(--blue)}.main-about .main-lang{color:var(--green)}.main-about .languages{display:flex;gap:2rem;font-weight:500;letter-spacing:.05rem;flex-wrap:wrap;justify-content:center;margin:.5rem 0;transition:all}.main-about .languages p{transition:all .25s ease}.main-about .languages p:hover{transform:scale(1.2)}.main-about .languages .Typescript{color:var(--blue)}.main-about .languages .Java{color:var(--red0)}.main-about .languages .Python{color:var(--blue0)}.main-about .languages .Haskell{color:var(--purple)}.main-about .languages .C{color:var(--blue0)}.main-about .languages .Go{color:var(--blue)}.main-about .languages .Zig{color:var(--yellow0)}.main-about .languages .OCaml{color:var(--orange)}.main-about .logical-problems label{font-weight:500}.main-about .leetcode{color:var(--yellow)}.main-about .hackerrank{color:var(--green0)}.main-about .codesignal{color:var(--blue0)}.main-about .codeforces{color:var(--red)}.main-about .leetcode-profile{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.main-about .leetcode-profile img{width:100%;height:auto}.main-about .leetcode-profile small{color:var(--fg3);font-size:.6rem}.main-about .gardering-text label{font-weight:500}.main-about .gardering-label{color:var(--green)}.main-about .zucchini{color:var(--green0)}.main-about .coriander{color:var(--orange)}.main-about .tomato{color:var(--red)}.main-about .corn{color:var(--yellow)}.main-about .carrot{color:var(--orange0)}.main-about .gardering{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.main-about .gardering img{width:30%;height:auto}.main-about .gardering small{color:var(--fg3);font-size:.6rem}.project{display:flex;flex-direction:column;justify-content:center;padding-top:0;margin:1rem 0}.project .title-subtitle{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:.5rem;flex-wrap:wrap}.project .title-subtitle h2{font-size:1.5rem;margin:0}.project .title-subtitle h4{font-size:.9rem;color:var(--fg3);margin:0}.project .description-preview{display:flex;flex-direction:column;gap:1rem}.project .description-preview img{width:100%;height:auto;border-radius:10px}.project .project-links{margin-top:2rem;display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.main-life .photos{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin:1rem 0}.main-life .photos li{list-style:none}.main-life .photos li h3{margin:0;text-align:start}.main-life .photos li img{width:100%;height:auto;border-radius:5px}.main-life .photos li small{color:var(--bg1);font-size:.7rem;background:var(--fg0);padding:.2rem .5rem;border-radius:.2rem}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:none}:root{--bg: #fbf1c7;--bg0_h: #f9f5d7;--bg0: #fbf1c7;--bg0_s: #f2e5bc;--bg1: #ebdbb2;--bg2: #d5c4a1;--bg3: #bdae93;--bg4: #a89984;--red: #cc241d;--red0: #9d0006;--green: #98971a;--green0: #79740e;--yellow: #d79921;--yellow0: #b57614;--blue: #458588;--blue0: #076678;--purple: #b16286;--purple0: #8f3f71;--aqua: #689d6a;--aqua0: #427b58;--gray: #928374;--gray0: #7c6f64;--fg: #3c3836;--fg0: #282828;--fg1: #3c3836;--fg2: #504945;--fg3: #665c54;--fg4: #7c6f64;--orange: #d65d0e;--orange0: #af3a03;font-family:JetBrains Mono,Fira Code,monospace}#root{width:100%;height:100%;background:var(--bg);color:var(--fg0);display:flex;justify-content:center}body{display:flex;background:var(--bg)}