:root{font-family:Inter,sans-serif;--white: #F0EDD8;--bg_c: #F1BC91;--main_w_c: #343473;--main_w_c_c: #2D5280;--text_c: #00021c;--shadow: #00021c40;--about_me_c: #F3C855;--about_me_c_25: #F0DA96;--my_dog_c: #67B31B;--portfolio_c: #D94C87;--portfolio_c_sec: #824074;--window_r: 15px;--window_p: 20px;--window_bar: .75rem;--window_bar_main: .5rem;--window_m: 2rem}body{background-image:radial-gradient(#993649 2px,#f0bb90 1.5px);background-size:40px 40px}#quick_preview_div{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;justify-content:center;align-items:center;z-index:9999}.preview_overlay{background-color:var(--text_c);border-radius:var(--window_r);border:1px solid var(--text_c);max-height:90dvh;max-width:90dvw;filter:drop-shadow(2px 4px 1px var(--shadow))}.center_div{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;-webkit-user-select:none;user-select:none}#welcome_window{display:flex;flex-direction:column;align-items:center;justify-content:center;width:fit-content;overflow:hidden;background-color:var(--bg_c);background:#ffffff1a;backdrop-filter:blur(3.5px);-webkit-backdrop-filter:blur(3.5px);border:1px solid var(--main_w_c);border-radius:var(--window_r);filter:drop-shadow(2px 4px 1px var(--shadow));z-index:1}#welcome_window_bar{overflow:hidden;width:100%;padding-left:var(--window_p);margin:0;height:fit-content;background-color:var(--main_w_c);padding-block:var(--window_bar)}#welcome_window_bar p{color:var(--white);font-weight:600;font-size:clamp(.75rem,13px,1rem);margin:0}#inner_welcome_window{display:flex;flex-direction:column;align-items:center;justify-content:center;width:fit-content;margin-inline:var(--window_m);gap:1.25rem;padding-block:1.25rem}#inner_welcome_window h1{color:var(--main_w_c_c);font-weight:800;font-size:2rem;margin:0}#inner_content_welcome_window{width:100%;max-width:24rem}#inner_content_welcome_window p{color:var(--white);text-align:left;font-weight:500;font-size:.9375rem;margin:0}#inner_content_welcome_window a{color:var(--main_w_c_c);text-decoration:none;font-weight:700;font-size:.9375rem;pointer-events:painted}#inner_icons_welcome_window{display:grid;place-items:start center;justify-content:space-between;grid-template-columns:repeat(3,max-content);max-width:24rem;width:100%}#inner_icons_welcome_window img{width:100%;max-width:7rem;height:auto;filter:drop-shadow(2px 4px 1px var(--shadow));pointer-events:painted;cursor:pointer;-webkit-user-drag:none;transition:transform .4s ease;transform-origin:center;transform:scale(1)}#inner_icons_welcome_window img:hover{transition:transform .4s ease;transform-origin:center;transform:scale(1.05)}#inner_icons_welcome_window p{color:var(--white);font-weight:600;font-size:.8125rem;margin-top:0}.about_me_C{--main_w_c: var(--about_me_c)}.my_dog_C{--main_w_c: var(--my_dog_c)}.portfolio_C{--main_w_c: var(--portfolio_c)}.window_base{display:flex;flex-direction:column;align-items:center;justify-content:center;width:fit-content;overflow:hidden;background-color:var(--bg_c);background:var(--white);border:1px solid var(--text_c);border-radius:var(--window_r);filter:drop-shadow(2px 4px 1px var(--shadow));pointer-events:auto}.window_bar{display:inline-flex;align-items:center;justify-content:space-between;overflow:hidden;width:94%;padding-inline:6%;background-color:var(--main_w_c);padding-block:var(--window_bar_main);border-bottom:1px solid var(--text_c)}.window_bar p{color:var(--text_c);font-weight:700;font-size:clamp(.75rem,1.5rem,1.5rem);margin:0}.window_bar span{color:var(--text_c);font-weight:300;font-size:clamp(.75rem,2rem,2rem);margin:0;pointer-events:painted;cursor:pointer}.scrollbar{overflow-y:scroll;max-height:80dvh;scrollbar-color:var(--main_w_c) #ff000000}.inner_window{display:flex;flex-direction:column;align-items:center;justify-content:center;width:fit-content;margin-inline:var(--window_m);gap:1.25rem;padding-block:1.25rem}.inner_window hr{width:100%;color:var(--text_c);border:1px solid var(--text_c)}#about_me_image{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:2rem}#about_me_image img{width:100%;max-width:200px;aspect-ratio:1 / 1;object-fit:cover;border:1px solid var(--text_c);border-radius:var(--window_r)}#info_kilian{display:flex;justify-content:center;height:200px;flex-direction:column}#info_kilian h2{color:var(--text_c);font-weight:700;font-size:clamp(.75rem,1.2rem,1.2rem);margin:0}#info_kilian p{color:var(--text_c);font-weight:300;font-size:clamp(.75rem,1.2rem,1.2rem);margin:0}#info_ex_kilian{width:100%}#info_ex_kilian p{color:var(--text_c);font-weight:300;font-size:clamp(.75rem,1rem,1rem);margin-top:0;margin-bottom:.5rem}#info_ex_kilian h2{color:var(--text_c);font-weight:700;font-size:clamp(.75rem,1.5rem,1.5rem);margin-top:0;margin-bottom:.5rem}#interests{display:flex;justify-content:space-between;align-items:center;width:100%}#interests p{display:inline-block;color:var(--text_c);font-weight:500;font-size:clamp(.5rem,.75rem,.75rem);border:1px solid var(--text_c);border-radius:var(--window_r);background-color:var(--about_me_c_25);padding-inline:.625rem;padding-block:.3125rem;filter:drop-shadow(2px 4px 1px var(--shadow));will-change:transform;transition:transform .2s ease;transform-origin:center;transform:scale(1)}#interests p:hover{transform:scale(.9)}#dog_images{display:grid;grid-template-columns:repeat(3,max-content);gap:1rem}@media (max-width: 600px){#dog_images{grid-template-columns:repeat(1,max-content)}}#dog_images img{border-radius:var(--window_r);border:1px solid var(--text_c);width:400px;object-fit:cover}#category_div{display:flex;flex-direction:column;height:50dvh;max-height:50dvh;padding-right:1.5rem;border-right:3px solid #00021c}.tag{display:inline-block;color:var(--text_c);font-weight:300;width:fit-content;font-size:clamp(.75rem,1rem,1rem);border:1px solid var(--portfolio_c_sec);border-radius:var(--window_r);padding-inline:.625rem;padding-block:.3125rem;pointer-events:auto;cursor:pointer}.tag.active{color:var(--white);font-weight:700;background-color:var(--portfolio_c_sec);border:1px solid var(--text_c)}#portfolio_content{display:inline-flex;flex-direction:column;align-items:start;justify-content:space-evenly;height:50dvh;max-height:50dvh}#portfolio_content hr{margin-block:3%}.content{display:flex;align-items:center;justify-content:start;padding-left:1.5rem;gap:1rem}.content img{cursor:pointer;-webkit-user-drag:none;height:250px;width:auto;aspect-ratio:4 / 3;object-fit:cover;border:1px solid var(--text_c);border-radius:var(--window_r);will-change:transform;transition:transform .4s ease;transform-origin:center;transform:scale(1)}.content img:hover{transform:scale(1.02)}.content_text{display:flex;flex-direction:column;max-width:30vw}.content_text h2{color:var(--text_c);font-weight:700;font-size:1.5em}.content_text p{color:var(--text_c);font-weight:300;font-size:clamp(.75rem,1rem,1rem)}.content_text span{display:inline-block;color:var(--portfolio_c_sec);font-weight:700;font-size:clamp(.75rem,1rem,1rem);pointer-events:auto;cursor:pointer;transition:color .3s ease}.content_text span:hover{color:var(--portfolio_c)}.main_frame_overlay{background-color:var(--text_c);border-radius:var(--window_r);border:1px solid var(--text_c);max-height:50dvh;width:auto}.ex_conten_div{display:flex;flex-direction:column;align-items:start;width:100%;max-width:min(100dvw,50rem);gap:1.5rem}.ex_conten_div p,.ex_conten_div h2{margin:0}.software_h{color:var(--text_c);font-weight:700;font-size:1.5em}.software_div{display:flex;justify-content:start;align-items:center;width:100%;gap:.5rem}.software_used{display:inline-block;color:var(--text_c);font-weight:500;font-size:clamp(.5rem,.75rem,.75rem);border:1px solid var(--text_c);border-radius:var(--window_r);background-color:var(--about_me_c_25);padding-inline:.625rem;padding-block:.3125rem;filter:drop-shadow(2px 4px 1px var(--shadow));will-change:transform;transition:transform .2s ease;transform-origin:center;transform:scale(1)}.software_used:hover{transform:scale(.95)}.image_gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;width:100%}.image_gallery img{border-radius:var(--window_r);border:1px solid var(--text_c);width:100%;aspect-ratio:16 / 9;object-fit:cover}@media (max-width: 600px){#dog_images{grid-template-columns:repeat(1,max-content)}.main_frame_overlay{max-width:90dvw}#category_div{display:none}.content_text{max-width:100%}.content{flex-direction:column}}