#hero.svelte-1nw2z20{display:grid;position:relative;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);overflow:hidden;background:var(--color-dark-gray)}@media screen and (max-width:850px){#hero.svelte-1nw2z20{display:flex;flex-direction:column;justify-content:center;align-items:center}}#hero.svelte-1nw2z20 #hero-content:where(.svelte-1nw2z20){grid-column:span 2;grid-row:1;justify-self:end;align-self:end;display:grid;grid-template-columns:repeat(2,400px);grid-template-rows:repeat(2,140px)}#hero.svelte-1nw2z20 #hero-content:where(.svelte-1nw2z20) .highlight:where(.svelte-1nw2z20){color:var(--color-light-blue)}@media screen and (max-width:1370px){#hero.svelte-1nw2z20 #hero-content:where(.svelte-1nw2z20){grid-column:1 / 3}}@media screen and (max-width:1080px){#hero.svelte-1nw2z20 #hero-content:where(.svelte-1nw2z20){grid-column:2 / 3}}@media screen and (max-width:970px){#hero.svelte-1nw2z20 #hero-content:where(.svelte-1nw2z20){justify-self:center;align-self:center}}#hero.svelte-1nw2z20 #hero-content:where(.svelte-1nw2z20) #hero-text:where(.svelte-1nw2z20){display:grid;grid-template-columns:340px 260px;grid-template-rows:repeat(2,80px);text-align:center;font-size:26px;font-weight:700;letter-spacing:-3px;justify-self:center;align-self:center}#hero.svelte-1nw2z20 #hero-content:where(.svelte-1nw2z20) #hero-text:where(.svelte-1nw2z20) .limitless:where(.svelte-1nw2z20){grid-column:span 2;grid-row:2}@media screen and (max-width:970px){#hero.svelte-1nw2z20 #hero-content:where(.svelte-1nw2z20) #hero-text:where(.svelte-1nw2z20){grid-column:span 2}}@media screen and (max-width:690px){#hero.svelte-1nw2z20 #hero-content:where(.svelte-1nw2z20) #hero-text:where(.svelte-1nw2z20){font-size:20px;grid-template-columns:270px 220px}}@media screen and (max-width:550px){#hero.svelte-1nw2z20 #hero-content:where(.svelte-1nw2z20) #hero-text:where(.svelte-1nw2z20){font-size:18px;grid-template-columns:220px 220px;grid-template-rows:repeat(2,60px)}}@media screen and (max-width:420px){#hero.svelte-1nw2z20 #hero-content:where(.svelte-1nw2z20) #hero-text:where(.svelte-1nw2z20){font-size:14px;grid-template-columns:160px 140px;grid-template-rows:repeat(2,54px)}}#hero.svelte-1nw2z20 #hero-content:where(.svelte-1nw2z20) button:where(.svelte-1nw2z20){width:300px;height:100px;font-size:26px;font-weight:700;cursor:pointer;grid-column:2;grid-row:2 / 3;align-self:end;background:var(--color-dark-blue);border:1px solid var(--color-dark-blue);border-radius:6px;color:var(--color-light-blue)}@media screen and (max-width:1370px){#hero.svelte-1nw2z20 #hero-content:where(.svelte-1nw2z20) button:where(.svelte-1nw2z20){width:260px;font-size:24px}}@media screen and (max-width:970px){#hero.svelte-1nw2z20 #hero-content:where(.svelte-1nw2z20) button:where(.svelte-1nw2z20){width:210px;height:60px;font-size:20px;grid-column:span 2;grid-row:2;align-self:center;justify-self:center}}#hero.svelte-1nw2z20 #computer:where(.svelte-1nw2z20){position:absolute;width:1000px;height:600px;right:-460px;bottom:40px;border-radius:6px;opacity:70%}@media screen and (max-width:1370px){#hero.svelte-1nw2z20 #computer:where(.svelte-1nw2z20){width:860px}}@media screen and (max-width:1080px){#hero.svelte-1nw2z20 #computer:where(.svelte-1nw2z20){width:600px;height:500px;right:-200px;bottom:-180px}}@media screen and (max-width:970px){#hero.svelte-1nw2z20 #computer:where(.svelte-1nw2z20){display:none}}#hero.svelte-1nw2z20 #abstract-part:where(.svelte-1nw2z20){width:100%;max-height:400px;grid-column:span 3;grid-row:span 2;rotate:180deg;z-index:1}#projects.svelte-1uha8ag{display:flex;justify-content:center;align-items:center;width:100%;position:relative;margin:12rem 0;min-height:800px;background:var(--color-dark-blue)}@media screen and (max-width:640px){#projects.svelte-1uha8ag{min-height:600px}}@media screen and (max-width:420px){#projects.svelte-1uha8ag{min-height:500px}}#projects.svelte-1uha8ag #abstract-top:where(.svelte-1uha8ag){position:absolute;right:0;top:0;width:60%;z-index:1}@media screen and (max-width:640px){#projects.svelte-1uha8ag #abstract-top:where(.svelte-1uha8ag){width:80%}}#projects.svelte-1uha8ag .project:where(.svelte-1uha8ag){--project-width: 100%;position:relative;width:var(--project-width)}#projects.svelte-1uha8ag .project:where(.svelte-1uha8ag) img:where(.svelte-1uha8ag){width:var(--project-width);height:700px}@media screen and (max-width:640px){#projects.svelte-1uha8ag .project:where(.svelte-1uha8ag) img:where(.svelte-1uha8ag){height:500px}}@media screen and (max-width:420px){#projects.svelte-1uha8ag .project:where(.svelte-1uha8ag) img:where(.svelte-1uha8ag){height:400px}}#projects.svelte-1uha8ag .project:where(.svelte-1uha8ag) .info-panel:where(.svelte-1uha8ag){position:absolute;right:40px;bottom:40px;min-width:400px;background:var(--color-dark-gray);padding:1rem;border-radius:6px;display:flex;flex-direction:column;gap:1rem;border:4px solid var(--color-light-gray)}@media screen and (max-width:420px){#projects.svelte-1uha8ag .project:where(.svelte-1uha8ag) .info-panel:where(.svelte-1uha8ag){right:5px;bottom:-12px}}#projects.svelte-1uha8ag .project:where(.svelte-1uha8ag) .info-panel:where(.svelte-1uha8ag) h3:where(.svelte-1uha8ag){font-size:26px;letter-spacing:-1.5px}#projects.svelte-1uha8ag .project:where(.svelte-1uha8ag) .info-panel:where(.svelte-1uha8ag) a:where(.svelte-1uha8ag){text-decoration:none;color:var(--color-light-blue);letter-spacing:1px}#projects.svelte-1uha8ag .project:where(.svelte-1uha8ag) .info-panel:where(.svelte-1uha8ag) a:where(.svelte-1uha8ag):hover{text-decoration:underline}
