@import"https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap";:root{--bg-color: #f0f0f0;--text-color: #222222;--accent-color: rgb(255, 149, 19);--font-family: "Karla", sans-serif;--secondary-bg-color: rgb(233, 233, 233);--third-bg-color: rgb(240, 235, 229)}[data-theme=dark]{--bg-color: #121212;--text-color: #f0f0f0;--secondary-bg-color: rgb(24, 24, 24);--third-bg-color: rgb(22, 22, 22)}html{scroll-behavior:smooth}body{display:flex;align-items:center;justify-content:center;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-family);transition:background .3s ease,color .3s ease}span{color:var(--accent-color)}.navbar{display:grid;z-index:1000;grid-template-columns:1fr auto 1fr;align-items:center;background-color:var(--bg-color);color:var(--text-color)}.navbar-container{position:sticky;top:0;z-index:1000}.navar__theme-toggle{justify-self:start}.theme-toggle__button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--accent-color)}.navbar__links{display:flex;gap:2rem;padding-left:0;list-style:none;justify-self:center;align-items:center}.navbar__links a{text-decoration:none;color:var(--text-color);font-size:1rem;font-weight:500;transition:color .3s ease}.navbar__links a:hover{text-decoration:underline;text-decoration-color:var(--accent-color)}@media (min-width: 768px){.navbar__links a{font-size:1.2rem}}.hero-content{display:grid;grid-template-columns:1fr;margin-bottom:50px;max-width:1024px;margin-top:50px}.hero__profile-image{width:30vw;min-width:150px;max-width:350px;height:auto;border-radius:50%;box-shadow:0 4px 8px #000000d8;margin-left:20px}.hero-about{margin-left:20px;grid-column:1;grid-row:1}.hero__profile{margin-top:50px;margin-right:25px;grid-column:2}.hero__link{color:var(--accent-color);text-decoration:none;font-size:1.5rem;margin:0 10px;cursor:pointer;background-color:transparent;border:none}.hero-hero__link:hover{color:var(--text-color);transition:all .3s ease}.hero-hero__link:not(:hover){transition:all .3s ease}.copied-email{font-size:1.1rem}.hero-about__hobbies{margin-top:20px;font-size:1rem;color:var(--text-color)}@media (min-width: 768px){.hero-content{grid-template-columns:1fr 1fr;margin-top:100px}.hero-about{grid-row:1;margin-top:100px;margin-left:100px}.hero-about__title{font-size:2.5rem}.hero-about__name{font-size:2rem}.hero-about__occupation{font-size:1.5rem}}.timeline{max-width:1024px;width:90%;margin:0 auto 100px}.timeline__timeline-item{padding:2rem;border-left:2px solid var(--accent-color)}.project{background-color:var(--third-bg-color);max-width:350px;min-width:350px;max-height:440px;min-height:440px;border-radius:12px;box-shadow:10px 10px #000000d5;margin-right:10px;border:4px solid black;text-align:center;margin-bottom:50px;overflow:hidden}.project__image{max-width:350px;min-height:170px;max-height:170px;width:-webkit-fill-available;width:-moz-available;width:stretch;border-radius:10px;margin-top:10px}.project-description{background-color:var(--third-bg-color);padding:1rem;border-radius:12px}.project-description__overview{margin-bottom:30px}.project__link{text-decoration:none;background-color:var(--accent-color);padding:.5rem;border-radius:7px;color:#f0f0f0;font-weight:600;font-size:1rem}.project__link:hover{background-color:transparent;color:var(--accent-color);border:1px solid var(--accent-color);transition:all .3s ease}.project__link:not(:hover){transition:all .3s ease}.project__technologies{margin-top:25px;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}@media (min-width: 428px){.project{max-width:400px;min-width:400px;min-height:455px;max-height:455px}}.project-list{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem;justify-items:center}.project-list__motion{max-height:300px;min-height:300px;margin-bottom:150px}@media (min-width: 850px){.project-list{grid-template-columns:repeat(2,1fr);margin:50px 50px 150px}}.scroll{position:fixed;width:30px;height:30px;bottom:50px;right:45px;z-index:1000;display:flex;flex-direction:column;align-items:center}.scroll__button{text-align:center;font-size:2rem;background-color:var(--accent-color);border-radius:50%;border:none}.scroll__icon{color:var(--text-color);transition:all .3s ease}