@import"https://use.typekit.net/rdz6bkk.css";:root{--clr_dark_txt: #030c0a;--clr_dark1: #0f342c;--clr_dark2: #1a5b4e;--clr_cta: #258370;--clr_light_bg: #f7fdfc;--clr_light1: #e3f7f3;--clr_light2: #bcece2;--header_font: "dico-mono-slab", mono;--main_font: "ballinger-mono", sans-serif;--header_regular: 400;--header_bold: 700;--header_extrabold: 800;--main_font_thin: 100;--main_font_light: 300;--main_font_regular: 400;--main_font_medium: 500;--main_font_bold: 700;--font_xs: clamp(.5rem, .8vw, 1rem);--font_s: clamp(1rem, 1.1vw, 1.2rem);--nav_size: clamp(1.2rem, 1.3vw, 1.6rem);--font_m: clamp(1.5rem, 2vw, 2.5rem);--font_l: clamp(2.2rem, 3.2vw, 3.5rem);--blob_border_rad: 63% 37% 66% 34% / 34% 57% 43% 66%;--border_rad: 5px;--main_vertical_space: 3dvw}*,html,body{border:0;box-sizing:border-box;color:inherit;margin:0;padding:0}html{scroll-behavior:smooth}img{object-fit:contain;max-width:100%}a{color:inherit;line-height:175%;text-decoration:none}ul,li{font-family:var(--header_font);font-size:var(--nav_size);font-weight:var(--header_bold);line-height:175%;list-style:none}body{background-color:var(--clr_light_bg);font-family:var(--main_font)}h1,h2,h3,h4,h5{font-family:var(--header_font);line-height:175%}button,p,label,input,textarea,h6,footer{font-family:var(--main_font);font-size:var(--font_s)}p{-webkit-hyphens:manual;hyphens:manual;line-height:175%;text-align:justify}h2{font-size:var(--font_m)}.main_grid{align-items:center;display:grid;grid-template-columns:repeat(12,1fr);margin:5dvw auto 10dvw;max-width:1200px;row-gap:var(--main_vertical_space);width:80%}.grid_w_wave{display:grid;grid-template-columns:10dvw repeat(12,1fr) 10dvw}.wave{grid-column:1 / -1;grid-row:1 / -1;object-fit:cover;width:100%}.txt_left h2,.txt_right h2{grid-column:1 / -1;grid-row:1 / 2}.txt_left article{grid-column:1 / 8;grid-row:2 / 3}.txt_left img,.txt_left .img_cluster{grid-column:9 / -1;grid-row:2 / 3}.txt_right h2{justify-self:end}.txt_right article{grid-column:6 / -1;grid-row:2 / 3}.txt_right img{grid-column:1 / 5;grid-row:2 / 3}.cta_txt{font-weight:var(--main_font_medium)}.cta_btn{background-color:var(--clr_cta);border-radius:5px;color:var(--clr_light_bg);cursor:pointer;font-weight:var(--main_font_bold);padding:.25em 1em;transition:all .2s ease-in-out;white-space:nowrap;width:fit-content}.cta_btn:hover{background-color:var(--clr_light1);outline:2px solid var(--clr_cta);color:var(--clr_cta)}.cta_btn.scroll{align-items:center;display:flex;gap:1dvw}.cta_btn.scroll img{height:var(--font_m)}.logo,nav li,footer .info .so_me img,footer .info .link a{color:var(--clr_light_bg);transform:scale(1);transition:all .2s ease-in-out}.logo:hover{color:var(--clr_cta);transform:scale(1.05)}nav li:hover,footer .info .link a:hover{color:var(--clr_cta);transform:scale(1.1)}nav{font-size:var(--nav_size);position:sticky;top:-2px;z-index:3}nav .wave{min-height:60px}nav .logo{display:flex;grid-column:2 / 5;grid-row:1 / 2;padding-top:.5rem}nav .logo img{max-width:7.5vw;width:55%}nav .logo h4{font-weight:var(--header_regular);padding-top:.5em;white-space:nowrap}nav .menu{color:var(--clr_light_bg);display:flex;gap:5dvw;grid-column:6 / -2;grid-row:1 / 2;justify-content:flex-end;letter-spacing:.2rem;padding-top:.5rem;text-align:right;white-space:nowrap}nav li{height:fit-content;padding-top:.5em;width:fit-content}.active{font-weight:var(--header_extrabold);text-decoration:underline solid 10%;text-underline-offset:.2rem}footer{align-items:end;color:var(--clr_light_bg)}footer .wave{min-height:200px}footer .logo{display:flex;font-size:var(--font_m);grid-column:2 / 7;grid-row:1 / 2}footer .logo img{transform:translateY(2%);max-width:16dvw}footer .logo h4{font-weight:var(--header_regular);padding-top:1.5em}footer .info{display:flex;flex-direction:column;grid-column:6 / -2;grid-row:1 / 2;padding-bottom:var(--main_vertical_space);row-gap:2dvw;text-align:right}footer .info h2{letter-spacing:.1rem}footer .info .so_me{display:flex;gap:2dvw;justify-content:flex-end}footer .info .so_me a{max-height:var(--font_m)}footer .info .so_me img{max-width:var(--font_m)}footer .info .so_me img:hover{opacity:.6;transform:scale(1.25)}footer .info .link{align-self:end;display:flex;flex-direction:column;gap:.5dvw;letter-spacing:.2rem;width:fit-content}footer .copy{background-color:var(--clr_dark_txt);color:var(--clr_light_bg);grid-column:1 / -1;grid-row:2 / 3;z-index:1}footer .copy p{font-size:var(--font_xs);font-weight:var(--main_font_light);padding:.5em 10dvw;text-align:right}main .info article{display:flex;flex-direction:column;gap:var(--main_vertical_space)}.buttons{display:flex;gap:var(--main_vertical_space)}h1{color:var(--clr_light_bg);font-size:var(--font_l);letter-spacing:.1rem;margin:0 10dvw;position:absolute;text-shadow:2px 2px 10px var(--clr_dark_txt);top:15dvh;width:80%}.hero{background-color:var(--clr_dark1);position:relative;text-align:center}.hero img{height:300px;max-height:40dvh;max-width:1998px;object-fit:cover;width:100%}.feature{align-items:center}.marquee{align-items:center;display:flex;grid-column:1 / -1;grid-row:1 / 2;height:50%;overflow:hidden;position:relative}@keyframes move_marquee{to{left:-250px}}.word{animation:move_marquee 60s linear infinite;background-color:var(--clr_light1);border-radius:var(--border_rad);color:var(--clr_dark1);font-weight:var(--main_font_bold);left:4250px;padding:.25em 0;position:absolute;text-align:center;width:230px}.skills{padding-top:5dvw;row-gap:5dvw}.skills h2{grid-column:1 / -1}.skills .frontend{grid-column:1 / 4}.skills .quote{align-items:center;display:flex;grid-column:5 / 9;justify-content:center;position:relative}.skills .quote p{font-weight:var(--main_font_medium);position:absolute;text-align:center;width:80%}.skills .design{grid-column:10 / -1}.skill:not(:last-child){padding-bottom:var(--main_vertical_space)}.bar{border:2px solid var(--clr_dark1);border-radius:var(--border_rad);fill:transparent;height:25px;width:100%}.amount{background-color:var(--clr_dark1);border-radius:0 4px 4px 0;height:100%}.bar #html{width:82%}.bar #css{width:90%}.bar #react{width:55%}.bar #javascript{width:63%}.bar #figma{width:72%}.bar #photoshop{width:84%}.bar #illustrator{width:80%}.bar #express{width:67%}.om_mig .info{justify-items:center;position:relative}.om_mig .info .full_fig_img{height:100%;position:absolute;transition:all .5s ease-in-out;max-width:50%;z-index:1}.timeline{grid-template-rows:repeat(11,1fr)}.timeline .wave{align-self:center;min-height:100%}.timeline .blob{width:100%}.year_txt{color:var(--clr_light_bg);font-size:var(--font_s);font-weight:var(--header_extrabold);text-align:center}.mdu,.intern{grid-row:3 / 6;justify-self:center;width:90%}.mdu .year_txt,.intern .year_txt{padding-top:1em}.mdu{grid-column:5 / 8}.intern{grid-column:10 / 13}.arrow{align-self:center;grid-column:1 / -2;grid-row:6 / -6;width:100%}.hf,.ida{align-self:end;grid-row:7 / 10;justify-self:center;width:67%}.hf .year_txt,.ida .year_txt{padding-bottom:1em}.hf{grid-column:2 / 6}.ida{grid-column:7 / 11}.hobby{margin-top:0;padding-top:10dvw}.hobby h2{padding-bottom:var(--main_vertical_space)}.hobby h2,.hobby article{grid-column:1 / -1}.hobby h3{font-size:var(--nav_size)}.img_carousel{grid-column:1 / -1;padding-bottom:var(--main_vertical_space)}.img_carousel img{border-radius:var(--border_rad)}.img_carousel .txt h4,.img_carousel .txt p{text-align:right}.img_collage{align-items:center;display:grid;grid-column:1 / -1;grid-gap:1.2dvw;grid-template-columns:repeat(4,1fr);padding-top:var(--main_vertical_space)}.img_collage div img{border-radius:var(--border_rad)}.img_collage div img:not(:last-child){margin-bottom:1dvw}.projekter>.info{margin-bottom:5dvw;row-gap:var(--main_vertical_space)}.projekter .info h2{grid-column:1 / -1}.projekter .info .img_cluster{display:grid;grid-template-columns:subgrid;height:100%}.projekter img{border-radius:var(--blob_border_rad)}.projekter .wave,.projekter button img{border-radius:0}.img_cluster .sem2_exam{grid-column:2 / -1;grid-row:1 / 4;justify-self:center;padding-right:5%;width:50%}.img_cluster .interactive{align-self:center;grid-column:1 / 3;grid-row:3 / 6;width:80%}.img_cluster .sem1_exam{align-self:center;grid-column:3 / -1;grid-row:4 / 7;justify-self:end;width:75%}.img_cluster .mobile_first{align-self:end;grid-column:2 / -2;grid-row:6 / 9;padding-left:5%;width:65%}#projects{padding-top:5dvw}.projects .info{padding-top:5dvw;margin-top:0}.projects .info article,.projects .info img{grid-row:1 / -1}.projects .info.txt_right h2{text-align:right}.projects .info.txt_right .cta_btn{align-self:flex-end}.kontakt .info{margin-bottom:5dvw;row-gap:var(--main_vertical_space)}.kontakt .info img{grid-row:1 / 4}.kontakt .cta_txt em{font-style:normal;text-decoration:underline solid 10%;text-underline-offset:.2rem}.kontakt .buttons{display:none;grid-column:6 / -1;grid-row:3 / 4}form.main_grid{margin-top:0;padding-top:8dvw;row-gap:var(--main_vertical_space)}form h2{grid-column:1 / -1;padding-bottom:var(--main_vertical_space)}form div{display:flex;flex-direction:column;grid-column:1 / -1}form input,form textarea{background-color:var(--clr_light1);border:4px solid var(--clr_light2);border-radius:var(--border_rad);margin-top:1em;outline:none;padding:.5em}form textarea{height:20dvh;resize:none}form input::placeholder,form textarea::placeholder{font-family:var(--main_font);font-size:var(--font_s);font-weight:var(--main_font_light)}form .cta_btn{grid-column:1 / -1;justify-self:center}@media only screen and (min-width: 1200px){:root{--font_xs: clamp(.8rem, 1vw, 1.1rem);--font_s: clamp(1rem, 1.2vw, 1.5rem);--nav_size: clamp(1.2rem, 1.4vw, 2rem);--font_m: clamp(1.8rem, 2.2vw, 2.8rem);--font_l: clamp(2.2rem, 3.5vw, 4rem)}.txt_left h2{grid-column:1 / -1}.txt_left img,.txt_left .img_cluster,.txt_right img{grid-row:2 / 3}.txt_right h2{grid-column:6 / -1;justify-self:baseline}.cta_btn{font-size:var(--font_xs)}.cta_btn.scroll img{height:var(--font_s)}@keyframes move_marquee{to{left:-350px}}.word{left:6800px;width:310px}.om_mig .info h2{grid-column:1 / -1;justify-self:center}.hobby h4{font-size:var(--nav_size)}.kontakt .cta_txt em{font-style:normal;text-decoration:none}.kontakt .buttons{display:flex}}@media only screen and (max-width: 850px){:root{--font_s: clamp(.9rem, 1vw, 1.2rem);--nav_size: clamp(1.2rem, 1.4vw, 1.6rem);--font_m: clamp(1.2rem, 1.5vw, 1.8rem);--font_l: clamp(1.8rem, 2.5vw, 2.8rem);--burger_bar_width: 45px;--burger_bar_height: 4px;--burger_gap: 8px;--burger_height: calc(var(--burger_bar_height) * 3 + var(--burger_gap) * 2);--x_bar_width: calc(var(--burger_height) * 1.41421356237)}.main_grid{width:90%}.grid_w_wave{grid-template-columns:5dvw repeat(12,1fr) 5dvw}.cta_btn{font-weight:var(--main_font_medium)}.txt_left article{grid-column:1 / 7}.txt_left img,.txt_left .img_cluster{grid-column:8 / -1}.txt_right article{grid-column:6 / -1}.txt_right img{grid-column:1 / 5}nav .logo{grid-column:2 / 6}.burger_menu{align-items:end;cursor:pointer;display:flex;flex-direction:column;gap:var(--burger_gap);grid-column:12 / -2;grid-row:1 / 2;height:var(--burger_height);margin-top:10%}.burger_bar{background-color:var(--clr_light_bg);border-radius:var(--border_rad);height:var(--burger_bar_height);transform-origin:right center;width:var(--burger_bar_width)}.burger_bar.clicked:nth-child(1){rotate:-45deg;translate:0 calc(var(--burger_bar_height) / -2);transition:translate ease-in-out .3s,rotate ease-in-out .5s;width:var(--x_bar_width)}.burger_bar.clicked:nth-child(2){opacity:0;transition:all ease-in-out .5s;width:0}.burger_bar.clicked:nth-child(3){rotate:45deg;translate:0 calc(var(--burger_bar_height) / 2);transition:translate ease-in-out .3s,rotate ease-in-out .5s;width:var(--x_bar_width)}.burger_bar.unclicked{transform:rotate(0) translate(0);transition:translate ease-in-out .3s,rotate ease-in-out .5s}nav .menu{background-color:var(--clr_dark2);border-radius:var(--border_rad);flex-direction:column;gap:var(--main_vertical_space);padding:10dvw 5dvw 5dvw;position:absolute;right:-5dvw;top:20%;transform-origin:top;transition:all ease-in-out .75s;width:100dvw;z-index:-1}.menu li a{text-align:right}.hidden{transform:scaleY(0)}.visible{display:inherit;transform:scaleY(1)}footer .logo h4{white-space:nowrap}footer .info{grid-column:2 / -2}footer .info .link{font-weight:var(--main_font_light)}.home .info article .cta_txt{display:none}h1{margin:0;top:7vh;width:100%}.hero img{max-height:15vh}.word{left:3400px;width:180px}.bar{border-radius:4px;height:20px}.amount{border-radius:0}.om_mig .info .full_fig_img,.om_mig .info .blob{grid-column:1 / 4}.om_mig .info .full_fig_img{max-width:75%}.om_mig .info article{grid-column:5 / -1}.om_mig .info article .cta_txt{display:none}.mdu,.intern{width:80%}.hf,.ida{align-self:baseline;justify-self:center;width:57%}.hobby{padding-top:15dvw}.img_cluster .sem2_exam{width:60%}.img_cluster .interactive{width:90%}.img_cluster .sem1_exam{width:85%}.img_cluster .mobile_first{grid-column:1 / 4;justify-self:center;padding:0;width:70%}}@media only screen and (max-width: 550px){:root{--font_m: clamp(1.2rem, 1.6vw, 2.2rem);--font_l: clamp(1.1rem, 1.3vw, 1.5rem);--main_vertical_space: 7.5dvw;--burger_bar_width: 40px;--burger_bar_height: 3px;--burger_gap: 6px;--burger_height: calc(var(--burger_bar_height) * 3 + var(--burger_gap) * 2);--x_bar_width: calc(var(--burger_height) * 1.41421356237)}.main_grid{width:80%}.grid_w_wave{grid-template-columns:10dvw repeat(12,1fr) 10dvw}.txt_left h2,.txt_right h2{justify-self:center;text-align:center}.txt_left img,.txt_left .img_cluster,.txt_right img{grid-column:1 / -1;justify-self:center;width:75%}.txt_left article,.txt_right article{grid-column:1 / -1;grid-row:3 / 4}.buttons{flex-wrap:wrap;gap:5dvw;justify-content:center}nav .logo{align-items:flex-start;grid-column:2 / 7}nav .logo img{max-width:12vw}nav .logo h4{font-size:var(--font_s);line-height:normal}.burger_menu{align-self:center;margin:0 0 15%}nav .menu{padding:15dvw 10dvw 5dvw;right:-10dvw}footer .logo img{max-width:20dvw}footer .logo h4{display:none}footer .info{padding-bottom:4dvw;row-gap:4dvw}footer .info h2{font-size:var(--font_s)}footer .info .so_me{gap:4dvw}footer .info .link{letter-spacing:.1rem}.home .info article .cta_txt{display:initial}h1{line-height:normal;margin:0 17dvw;top:3vh;width:66%}.hero img{max-height:12dvh}.feature{padding:var(--main_vertical_space) 0}.feature .wave{min-height:130px}.word{font-weight:var(--main_font_medium);left:3230px;width:170px}.skills{padding-bottom:var(--main_vertical_space);row-gap:var(--main_vertical_space)}.skills .frontend,.skills .quote,.skills .design{grid-column:1 / -1}.skills .quote .blob{width:60%}.skills .quote p{width:90%}.om_mig .info .full_fig_img,.om_mig .info article{grid-column:1 / -1}.om_mig .info .blob{grid-column:3 / -3;padding:10dvw 0}.om_mig .info article .cta_txt{display:initial}.timeline .blob{min-width:100px}.year_txt{font-weight:var(--header_regular);line-height:normal}.mdu{align-self:flex-end;grid-column:2 / 8;grid-row:2 / 6;width:90%}.mdu .year_txt{padding-top:1.5em}.intern{grid-column:9 / 14;width:100%}.arrow{min-height:100%;object-fit:fill}.hf,.ida{align-self:flex-start;justify-self:center}.hf{grid-column:2 / 7;width:100%}.ida{grid-column:8 / 14;grid-row:7 / 11;width:90%}.ida .year_txt{padding-bottom:1.5em}.hobby h2{padding-bottom:0}.hobby h3{font-size:var(--font_s);padding-bottom:.5em}.img_carousel,.img_collage{padding:0}.img_cluster .sem2_exam{grid-column:6 / 11;grid-row:1 / 4;width:80%}.img_cluster .interactive{align-self:flex-start;grid-column:1 / 6;grid-row:2 / 6;justify-self:flex-start;width:95%}.img_cluster .sem1_exam{align-self:flex-end;grid-column:8 / -1;grid-row:4 / 8;width:90%}.img_cluster .mobile_first{align-self:flex-end;grid-column:3 / 8;grid-row:6 / 10;justify-self:flex-end;width:80%}#projects{padding:var(--main_vertical_space) 0}.projects .info{padding-top:var(--main_vertical_space);margin-top:0}.projects .info img{grid-row:1 / 2;width:60%}.projects .info article{gap:5dvw;grid-row:2 / 3}.projects .info.txt_right h2{text-align:center}.projects .info.txt_left .cta_btn,.projects .info.txt_right .cta_btn{align-self:center}.kontakt .info{margin-bottom:5dvw;row-gap:var(--main_vertical_space)}.kontakt .info img{grid-row:2 / 3}.kontakt .buttons{display:flex;grid-column:1 / -1;grid-row:4 / 5}form h2{padding-bottom:0}}@media only screen and (max-width: 350px){:root{--font_s: clamp(.8rem, 1vw, 1.2rem);--nav_size: clamp(1rem, 1.2vw, 1.5rem);--font_m: clamp(1.2rem, 1.5vw, 2rem)}.skills .quote p{line-height:150%}}