@import"https://db.onlinewebfonts.com/c/2b0a785e5bf68ad428cf24d74bb5b9ad?family=Volte";:root{--bg-color: #dedcff;--text-color: #111;--card-bg: #ececf3;--card-border: #969696;--card-glow1: #969696;--card-glow2: #969696}[data-theme=dark]{--bg-color: #222;--text-color: #eee;--card-bg: #222;--card-border: #eeeeee;--card-glow1: #9d88da;--card-glow2: #9d88da}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Volte,sans-serif;background-color:var(--bg-color);color:var(--text-color);min-height:100vh;scroll-behavior:smooth;transition:background-color .3s ease,color .3s ease}img{max-width:100%;display:block}.cards-container{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(7,auto);gap:1.5rem;padding:1.5rem;grid-template-areas:"hero hero hero hero about about" "projects projects skills skills contact contact" "projects projects spotify spotify contact contact" "projects projects time time contact contact" "art art art art . ."}.hero{grid-area:hero}.about{grid-area:about}.projects{grid-area:projects}.contact{grid-area:contact}.skills{grid-area:skills}.spotify{grid-area:spotify}.time{grid-area:time}.art{grid-area:art}.card{background-color:var(--card-bg);border:2px solid var(--card-border);border-radius:8px;padding:20px;color:var(--text-color);box-shadow:0 0 5px var(--card-glow1),0 0 10px var(--card-glow2);transition:all .3s ease;overflow:hidden}.card:hover{box-shadow:0 0 10px var(--card-glow1),0 0 20px var(--card-glow2)}.hero-section{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2rem}.hero-content{flex:1}.hero-image-container img{width:90%;max-width:500px;height:auto;object-fit:contain}.skills{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.skills .card-title{text-align:center;font-weight:700;font-size:1.8rem}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;justify-items:center;align-items:center}.skill-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:.8rem;text-align:center;transition:transform .3s ease}.skill-item img{width:40px;height:40px;object-fit:contain}.skill-item:hover{transform:scale(1.05)}.art{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.art .card-title{font-weight:700;font-size:1.8rem;text-align:center;margin-bottom:1rem}.art-grid{display:flex;gap:1rem;flex-wrap:nowrap;overflow-x:auto;width:100%;padding-left:5%}.art-card{flex:0 0 auto;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;width:200px}.art-card img{width:100%;height:auto;object-fit:cover}.art-card:hover{transform:scale(1.03);box-shadow:0 5px 15px #0003}.time-card p{font-size:2rem;font-weight:200;letter-spacing:.5px;text-align:center}.contact-form{display:flex;flex-direction:column;gap:1rem;max-width:450px;margin:0 auto}.contact-form h2{text-align:center;margin-bottom:1.5rem;font-weight:700;font-size:1.8rem}.contact-form label{font-weight:600;margin-bottom:.25rem}.contact-form input,.contact-form textarea{background-color:var(--card-bg);border:2px solid var(--card-border);border-radius:8px;padding:12px 15px;font-size:1rem;color:var(--text-color);transition:all .3s ease}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--card-glow1);box-shadow:0 0 8px var(--card-glow1);outline:none;resize:vertical}.contact-form button{background-color:var(--card-bg);color:var(--text-color);border:none;border-radius:8px;padding:14px 20px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 0 8px var(--card-glow1)}.contact-form button:hover{box-shadow:0 0 12px var(--card-glow2)}@media (max-width: 1024px){.cards-container{grid-template-columns:repeat(3,1fr);grid-template-areas:"hero hero hero" "about about about" "projects projects projects" "skills skills skills" "spotify spotify spotify" "time time time" "contact contact contact" "art art art"}.skills-grid{grid-template-columns:repeat(3,1fr)}.skill-item img{width:30px;height:30px}.art-card{width:200px}}@media (max-width: 768px){.cards-container{grid-template-columns:1fr;grid-template-areas:"hero" "about" "projects" "skills" "spotify" "time" "contact" "art"}.skills-grid{grid-template-columns:repeat(2,1fr)}.skill-item img{width:24px;height:24px}.art-card{width:160px}}@media (max-width: 480px){.skills-grid{grid-template-columns:1fr}.skill-item img{width:20px;height:20px}.art-card{width:120px}}.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{inset:0;opacity:0;overflow:hidden;position:fixed;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));inset:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translate(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{display:flex;justify-content:flex-end;inset:0 0 auto auto;padding:var(--yarl__toolbar_padding,8px);position:absolute}[dir=rtl] .yarl__toolbar{inset:0 auto auto 0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:var(--yarl__button_margin,0);outline:none;padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}