.spacer.svelte-100nbxz{height:10em}.space.svelte-100nbxz{height:2em}:root,body.dark-mode{transition:background-color .5s ease-in-out,color .5s ease-in-out,filter .5s ease-in-out}.page.svelte-100nbxz{background-color:#fff;transition:background-color .5s ease-in-out}body.dark-mode .page.svelte-100nbxz{background-color:#0d0c1d}.tekst.svelte-100nbxz{display:flex;flex-direction:row;justify-content:center;font-size:2em;font-family:industry-inc-stencil,sans-serif;align-items:center;gap:1em;padding-left:1.5em;color:#024d98;transition:color .5s ease-in-out}.projects.svelte-100nbxz{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10em}.projectsContainer.svelte-100nbxz{display:flex;flex-direction:row;justify-content:space-evenly;gap:5em;font-family:coolvetica}.project1.svelte-100nbxz,.project2.svelte-100nbxz{display:flex;flex-direction:column;gap:2em;height:25em;width:25em;align-items:center;justify-content:center;border:#024D98 3px solid;border-radius:20px;background-color:#024d98;transition:transform .3s ease-in-out,background-color .5s ease-in-out}.project1.svelte-100nbxz:hover,.project2.svelte-100nbxz:hover{transform:scale(1.05);transition:transform .3s ease-in-out;background-color:#1e2a4d}.project1_image.svelte-100nbxz,.project2_image.svelte-100nbxz{height:10em;width:auto;border:black 3px solid}.project1_title.svelte-100nbxz,.project2_title.svelte-100nbxz{color:#fff;font-size:1.5em;text-align:center;font-weight:600;text-decoration:none;transition:transform .3s ease-in-out,color .5s ease-in-out}.project1_title_python.svelte-100nbxz,.project2_title.svelte-100nbxz{color:#fff;font-size:1.5em;text-align:center;font-weight:600;text-decoration:none;transition:transform .3s ease-in-out,color .5s ease-in-out;margin:0}.project1_title.svelte-100nbxz:hover,.project2_title.svelte-100nbxz:hover{transform:scale(1.3)}body.dark-mode .project1_title.svelte-100nbxz,body.dark-mode .project2_title.svelte-100nbxz{color:#f0f0f0}body.dark-mode .project1_title.svelte-100nbxz:hover,body.dark-mode .project2_title.svelte-100nbxz:hover{color:#fc0}body.dark-mode .project1.svelte-100nbxz,body.dark-mode .project2.svelte-100nbxz{background-color:#1e2a4d}body.dark-mode .project1.svelte-100nbxz:hover,body.dark-mode .project2.svelte-100nbxz:hover{background-color:#2a3d5a}@media (max-width: 1040px){.projectsContainer.svelte-100nbxz{flex-direction:column;align-items:center;gap:5em}}