@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,800;1,800&display=swap";:root{--primary-text-color: #202c39;--primary-bg-color: #fbfbfb;--secondary-bg-color: #ebebeb;--accent-blue: #46b1c9;--accent-gray: #666b6e;--toggle-color: #fff;color-scheme:light dark}.dark-mode{--primary-bg-color: #202c39;--primary-text-color: #fbfbfb;--secondary-bg-color: #2c3e50;--accent-gray: #b8bbbd;--toggle-color: var(--primary-bg-color)}.prevent-select{-webkit-user-select:none;-ms-user-select:none;user-select:none}body{color:var(--primary-text-color);background-color:var(--primary-bg-color)}main,footer{max-width:54rem;margin:0 auto;padding:5rem 3rem 3rem}a{color:var(--primary-text-color);padding:.4em 0;text-decoration:none;cursor:pointer}a:hover,a:focus-visible{text-decoration:underline;text-underline-offset:.5rem}h1{font-weight:800;font-size:4rem}h2{font-size:1.6rem;margin:.6rem 0}h3{margin:.8rem 0 0}p{margin-bottom:1rem}.sub{font-size:1.3rem;font-weight:600;margin:.8rem 0 1.5rem}header,.navbar{padding:1em 2em .2em;border-bottom:1px solid var(--secondary-bg-color);background-color:var(--primary-bg-color);display:flex;justify-content:space-between;align-items:center;font-size:.9em;color:var(--accent-gray);font-weight:500;position:sticky;top:0;z-index:1000;transition:padding .22s ease,font-size .22s ease,box-shadow .22s ease}.navbar.shrink{padding:.55em 1.5em .1em;font-size:.85em;box-shadow:0 1px 8px #00000014}header .logo,.navbar .logo{width:120px;transition:width .22s ease}.navbar.shrink .logo{width:96px}.menu{display:flex;gap:1.5em}nav{display:flex;align-items:center;gap:.4em;color:var(--accent-gray)}nav .link{color:var(--accent-gray);padding:.2em .6em;border-radius:4px}nav .link:hover,nav .link:focus-visible{background-color:var(--secondary-bg-color);color:var(--primary-text-color);text-decoration:none}nav a.active{color:var(--primary-text-color);text-decoration:underline;text-underline-offset:.5rem}.settings{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:0 1.5rem}button.toggle-box{border:none;background-color:var(--primary-bg-color);border-radius:50px;padding:4px;color:var(--accent-gray)}.settings .toggle-long{padding:4px 10px}.toggle-box{display:flex;align-items:center;gap:8px}.toggle-box:hover,.toggle-box:focus-visible{color:var(--primary-text-color);background-color:var(--secondary-bg-color)}.dark-mode-toggle{width:24px}@media (max-width: 520px){h1{font-size:2.8rem}header{padding:1em 1em .2em}.menu{gap:10px}nav{gap:0}nav .link{padding:.2em .4em;font-size:1rem}.settings{padding:5px}.dark-mode-toggle{width:28px}}.hero{display:grid;gap:1.5em}.hero p{margin-bottom:0}.hero em{font-weight:800;font-style:italic}.actionBtn{display:flex;flex-direction:row;align-items:center}.actionBtn>img{height:1.5em;margin-left:.8em;animation-name:bounce;animation-duration:1.16s;animation-timing-function:ease;animation-iteration-count:infinite}@keyframes bounce{0%{transform:translate(0)}50%{transform:translate(1.2em)}to{transform:translate(0)}}footer{padding-top:0}footer ul{display:grid;grid-template-columns:repeat(2,32px);grid-template-rows:32px;align-items:center;gap:.8em;list-style-type:none;padding-left:0}footer li{grid-row:1;padding:0}footer img{height:18px}.toggle{height:16px;width:32px;border-radius:8px;background-color:var(--accent-gray);display:flex;align-items:center;padding:2px}.toggleOn{background-color:var(--accent-blue)}.switch{height:100%;width:12px;border-radius:50%;background-color:var(--toggle-color);animation-duration:.3s;animation-timing-function:ease;animation-fill-mode:forwards;animation-direction:normal;animation-play-state:running;transition:transform .3s ease}.switchOn{animation-name:switchOn}.switchOff{animation-name:switchOff}@keyframes switchOn{0%{transform:translate(0)}to{transform:translate(16px)}}@keyframes switchOff{0%{transform:translate(16px)}to{transform:translate(0)}}.featured-projects>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:.8em}.project-card{display:flex;flex-direction:column;gap:.5em;padding:20px;border-radius:16px}.project-card img{background-color:var(--secondary-bg-color);object-fit:cover;object-position:center top;border:var(--accent-blue) 1px solid;border-radius:8px;width:100%;height:200px;transition:transform .3s ease}.project-card:hover,.project-card:focus-visible{text-decoration:none;background-color:var(--secondary-bg-color)}.project-card:hover img,.project-card:focus-visible img{transform:scale(1.05)}.project-card:hover h3,.project-card:focus-visible h3{text-decoration:underline;text-underline-offset:.5rem}.tech{display:flex;gap:6px;flex-wrap:wrap;margin-top:-10px}.tech span{background-color:var(--secondary-bg-color);color:var(--primary-text-color);padding:.2em .6em;border-radius:4px;font-size:.8em;font-weight:800}.project-card:hover .tech span,.project-card:focus-visible .tech span{background-color:var(--primary-bg-color)}:root{font-family:Plus Jakarta Sans,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box}*{margin:0;line-height:calc(1em + .8rem)}html,body{height:100%}body{-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}