.about.svelte-t4k10k{background-color:var(--secondary-bg-color)}.about-image.svelte-t4k10k{width:90%;height:90%}.circle-spin.svelte-t4k10k{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(0);width:100%;height:100%;border-radius:50%;border-top:.2rem solid var(--secondary-bg-color);border-bottom:.2rem solid var(--secondary-bg-color);border-left:.2rem solid var(--main-color);border-right:.2rem solid var(--main-color);animation:svelte-t4k10k-spin 8s linear infinite}@keyframes svelte-t4k10k-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.content.svelte-6uy5vf{position:relative;border:.2rem solid var(--main-color);border-radius:.6rem;margin-bottom:2rem;overflow:hidden;z-index:1}.content.svelte-6uy5vf:before{content:"";position:absolute;top:0;left:0;width:0%;height:100%;background:var(--secondary-bg-color);z-index:-1;transition:.5s}.content.svelte-6uy5vf:hover:before{width:100%}.education-content.svelte-6uy5vf:before{content:"";position:absolute;top:0;width:2rem;height:2rem;background:var(--main-color);border-radius:50%;left:-1.1rem}.education-row.svelte-15jfy6g.svelte-15jfy6g{display:flex;flex-wrap:wrap;gap:5rem}.education-column.svelte-15jfy6g.svelte-15jfy6g{position:relative;flex:1 1 20rem}.education-column.svelte-15jfy6g .education-box.svelte-15jfy6g{border-left:.2rem solid var(--main-color);position:relative}.navbar.svelte-1qkxxbc.svelte-1qkxxbc{position:relative}.logo.svelte-1qkxxbc.svelte-1qkxxbc:hover{color:transparent;transition:.5s}.logo.svelte-1qkxxbc.svelte-1qkxxbc:before{content:"";position:absolute;top:0;left:0;width:0%;height:100%;z-index:-1;transition:.5s}.logo.svelte-1qkxxbc.svelte-1qkxxbc:after{content:"";position:absolute;top:0;right:0;width:100%;height:100%;z-index:2;transition:.5s;animation:showRight 1s ease forwards;animation-delay:calc(.3s * var(--i))}.logo.svelte-1qkxxbc.svelte-1qkxxbc:hover:before{content:"Jarno.";width:100%}@media (max-width: 768px){.navbar.svelte-1qkxxbc.svelte-1qkxxbc{position:absolute;top:100%;left:-100%;width:100%;padding:2rem 10%;box-shadow:0 .5rem 1rem #0003;z-index:1;transition:.25s ease;transition-delay:.25s}.navbar.active.svelte-1qkxxbc.svelte-1qkxxbc{left:0;transition-delay:0s}.active-nav.svelte-1qkxxbc.svelte-1qkxxbc{position:absolute;top:0%;left:-100%;width:100%;border-top:.1rem solid rgba(0,0,0,.2);z-index:-1;transition:.25s ease;transition-delay:0s}.navbar.active.svelte-1qkxxbc .active-nav.svelte-1qkxxbc{transition-delay:.25s;left:0}#menu-button.svelte-1qkxxbc.svelte-1qkxxbc{display:block;z-index:1}#menu-button.svelte-1qkxxbc.svelte-1qkxxbc:after{width:100%;height:100%;z-index:1000;animation:showRight}.navbar.svelte-1qkxxbc a.svelte-1qkxxbc{display:block;font-size:2rem;margin:3rem 0;transform:translate(-20rem);transition:.25s ease;transition-delay:0s}.navbar.active.svelte-1qkxxbc a.svelte-1qkxxbc{transform:translate(0);transition-delay:.25s}}.portfolio.svelte-4lo7i5{padding-bottom:7rem}.card.svelte-4lo7i5{border:.2rem solid var(--main-color)}.services.svelte-e58t9y{position:relative;padding-bottom:7rem;background:var(--secondary-bg-color)}.card.svelte-e58t9y{background-color:var(--primary-bg-color)}.skills-column.svelte-1sviuy1{position:relative;flex:1 1 20rem;z-index:1}.skills-column.svelte-1sviuy1:before{content:"";border-radius:12px;position:absolute;top:0;left:0;width:0%;height:100%;z-index:0;background:var(--primary-bg-color);transition:.5s}.skills-column.svelte-1sviuy1:hover:before{width:100%}.skills.svelte-5bax6f{min-height:auto;padding-bottom:7rem;background:var(--secondary-bg-color)}.skills-row.svelte-5bax6f{display:flex;flex-wrap:wrap;gap:5rem}.skills-header.svelte-5bax6f{display:inline-block;left:50%;transform:translate(-50%)}.names.svelte-5iq7dx{color:var(--main-color)}.up-button.svelte-5iq7dx{position:relative;overflow:hidden;border:.2rem solid var(--main-color);z-index:1}.up-button.svelte-5iq7dx:before{content:"";position:absolute;top:0;left:0;width:0%;height:100%;background:var(--main-color);z-index:-1;transition:.5s}.up-button.svelte-5iq7dx:hover:before{width:100%}