*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type="button"]),input:where([type="reset"]),input:where([type="submit"]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden="until-found"])){display:none}.absolute{position:absolute}.relative{position:relative}.bottom-\[50px\]{bottom:50px}.right-0{right:0}.right-\[-20px\]{right:-20px}.z-10{z-index:10}.mx-4{margin-left:1rem;margin-right:1rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.mb-2{margin-bottom:.5rem}.mb-\[50px\]{margin-bottom:50px}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-full{height:100%}.w-\[250px\]{width:250px}.max-w-\[100vmin\]{max-width:100vmin}.flex-grow{flex-grow:1}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.list-outside{list-style-position:outside}.list-disc{list-style-type:disc}.grid-cols-\[85px_auto\]{grid-template-columns:85px auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-evenly{justify-content:space-evenly}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-x-10{column-gap:2.5rem}.self-start{align-self:flex-start}.justify-self-start{justify-self:start}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-\[0\.9em\]{border-width:.9em}.border-b{border-bottom-width:1px}.border-\[color\:var\(--brand-gray\)\]{border-color:var(--brand-gray)}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.object-cover{object-fit:cover}.p-0\.5{padding:.125rem}.p-4{padding:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-\[0\.7em\]{padding-left:.7em;padding-right:.7em}.py-\[0\.3em\]{padding-top:.3em;padding-bottom:.3em}.pl-4{padding-left:1rem}.pl-8{padding-left:2rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.opacity-90{opacity:.9}.portfolio:before{display:block;position:absolute;top:0;left:0;opacity:1;background-image:url(https://images.unsplash.com/photo-1557599443-2071a2df9c19);background-position:center 10vh;background-size:100%;background-repeat:no-repeat;background-attachment:fixed;background-color:#000;width:100%;height:100%;content:""}.portfolio{position:relative;margin:0 auto;background:#fff;width:100%;color:var(--brand-charcoal);line-height:1.4}@media (width <= 1200px){.portfolio h1{font-size:4.5rem}}@media (width <= 500px){.portfolio h1{font-size:3rem}}.portfolio h1{position:relative;font-weight:700;font-size:5rem;line-height:1.1;letter-spacing:.2rem}.portfolio h2:before{display:block;position:absolute;top:.75rem;right:-4rem;background:var(--brand-charcoal);width:3rem;height:2px;content:""}@media (width <= 1200px){.portfolio h2:before{content:none}}.portfolio h2{position:relative;margin-bottom:5rem;font-weight:600;font-size:1.25rem;letter-spacing:.15em;text-transform:uppercase}.portfolio h3{margin-bottom:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.portfolio h4{margin:1rem 0 .5rem;font-weight:500}.portfolio p{margin:0 0 1rem}.portfolio h1,.portfolio h2,.portfolio h3,.portfolio h4,.portfolio h5,.portfolio h6{margin-top:1.5rem}.portfolio h1:first-child,.portfolio h2:first-child,.portfolio h3:first-child,.portfolio h4:first-child,.portfolio h5:first-child,.portfolio h6:first-child{margin-top:0}@media (width <= 1200px){.portfolio section{flex-direction:column}.portfolio section:before{display:none!important;content:""}}.portfolio section{display:flex;position:relative}.portfolio section:first-child:before{display:block;position:absolute;inset:50% 6rem 0 calc(50% - 6rem);background:var(--brand-charcoal);width:2px;content:""}.portfolio section:not(:first-child,:last-child):before{display:block;position:absolute;left:calc(50% - 6rem);background:var(--brand-charcoal);width:2px;height:100%;content:""}.portfolio section:last-child:before{display:block;position:absolute;inset:0 6rem 40% calc(50% - 6rem);background:var(--brand-charcoal);width:2px;content:""}.portfolio section .intro:before{display:block;position:absolute;top:calc(50% - 16px);right:-4rem;background:var(--brand-charcoal);width:3rem;height:2px;content:""}@media (width <= 1200px){.portfolio section .intro:before{content:none}}.portfolio section .intro{position:relative}@media (width <= 1200px){.portfolio section .header{padding:2rem;width:100%;text-align:left}.portfolio section .header h2{margin:1rem 0}}.portfolio section .header{display:flex;position:relative;flex-direction:column;padding:5rem 10rem 5rem 5rem;width:50%;color:#fff;user-select:none;text-align:right}.portfolio section .header>*:first-child{margin-top:0}.portfolio section .header>*:last-child{margin-bottom:0}.portfolio section .header p{margin-bottom:2rem;font-weight:400}@media (width <= 1200px){.portfolio section .content{padding:2rem;width:100%}}.portfolio section .content{position:relative;background-color:#fff;padding:5rem;width:50%;font-weight:300}.portfolio section.first{min-height:100vh}.portfolio section.first .content{padding:2rem}.portfolio section.first .header{flex-grow:1}.experienceBlock{margin:1rem 0 1.5rem}.experienceBlock p{margin:0 0 .7rem}.experienceBlock:first-child{margin-top:0}.lang-grid{width:fit-content}.lang-grid>div{border-bottom:1px solid var(--brand-gray);padding-bottom:.2rem}.more-arrow{justify-content:center}@media (width >= 1200px){.more-arrow{justify-content:end}}.link-with-icon{display:flex;align-items:center;gap:1rem;transition:all .15s linear;margin:.5rem 0;border:2px solid transparent;border-radius:.5rem;padding:.5rem 1.2rem;width:250px}.link-with-icon:hover{border:2px solid var(--brand-charcoal)}@font-face{font-style:normal;font-weight:300 800;src:url(https://cdn.jsdelivr.net/fontsource/fonts/open-sans:vf@latest/latin-wght-normal.woff2) format("woff2-variations");font-family:Open Sans Variable;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--brand-gray: rgba(54 69 79 / 30%);--brand-charcoal: #36454f}body{display:flex;position:relative;flex-direction:column;background:#000;background-image:url(https://images.unsplash.com/photo-1557599443-2071a2df9c19);background-position:center top;background-size:cover;background-repeat:no-repeat;min-width:320px;min-height:100vh;color:#f9f6ee;font-weight:500;font-size:16px;font-family:Open Sans Variable,Segoe UI,Tahoma,sans-serif}.text-bg{box-shadow:0 0 8px 10px #000000bf;border-radius:10px;background:#000;padding:.2rem 1rem}.mainContent{font-weight:400;font-size:1.2rem;letter-spacing:.05rem}footer a:hover{text-decoration:underline}.glitch-button{position:relative;border:1px solid rgba(0,255,213,.7);border-radius:5px;background-color:transparent;padding:10px 50px;color:#fff;font-size:20px}.glitch-button:after{--move1: inset(50% 50% 50% 50%);--move2: inset(31% 0 40% 0);--move3: inset(39% 0 15% 0);--move4: inset(45% 0 40% 0);--move5: inset(45% 0 6% 0);--move6: inset(14% 0 61% 0);display:block;position:relative;position:absolute;clip-path:var(--move1);inset:0;border:none;border-radius:5px;background-color:transparent;padding:10px 20px;content:"Harri Virtanen";color:#fff;font-size:20px}.glitch-button:hover{box-shadow:0 10px 10px -10px #00ffd5;border:1px solid rgb(0,255,213);background-color:transparent;text-shadow:-1px -1px 0 #1df2f0,1px 1px 0 #e94be8}.glitch-button:hover:after{animation:glitch-anim 1s;animation-timing-function:steps(2,end);border:3px solid rgb(0,255,213);background-color:transparent;text-shadow:10px 10px 10px black;text-shadow:-3px -3px 0 #1df2f0,3px 3px 0 #e94be8}@keyframes glitch-anim{0%{transform:translateY(-10px);clip-path:var(--move1)}10%{transform:translate(-10px,10px);clip-path:var(--move2)}20%{transform:translate(10px);clip-path:var(--move3)}30%{transform:translate(-10px,10px);clip-path:var(--move4)}40%{transform:translate(10px,-10px);clip-path:var(--move5)}50%{transform:translate(-10px,10px);clip-path:var(--move6)}60%{transform:translate(10px,-10px);clip-path:var(--move1)}70%{transform:translate(-10px,10px);clip-path:var(--move3)}80%{transform:translate(10px,-10px);clip-path:var(--move2)}90%{transform:translate(-10px,10px);clip-path:var(--move4)}to{transform:translate(0);clip-path:var(--move1)}}.group:hover .group-hover\:block{display:block}