/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-0{top:0}.left-0{left:0}.-z-0{z-index:calc(0 * -1)}.z-50{z-index:50}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-full{height:100%}.h-screen{height:100vh}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.min-h-screen{min-height:100vh}.w-full{width:100%}.w-screen{width:100vw}.max-w-full{max-width:100%}.max-w-screen{max-width:100vw}.flex-shrink,.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.border{border-style:var(--tw-border-style);border-width:1px}.pl-3{padding-left:calc(var(--spacing) * 3)}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}html{height:100%}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--theme-color:gold;--background-color:#000;--contrast-background-color:#fff;--disabled-color:#212121;--intense-text-color:#fff;--text-color:#ddd;--soft-text-color:#bbb;--soft-background-color:#171717;--border-color:#3a3a3a;--error-color:red;--field-background-color:#f7f7f7;--field-text-color:#111;--ui-surface-color:#101010e0;--ui-hover-color:#ffffff1a;--ui-border-color:#ffffff47;--shadow-color:#00000059;--slide-indicator-color:#3a3a3a;--showcase-heading-shadow:3px 3px 2px #000;--tilt-play-overlay-color:#000000e6;--radius-sm:8px;--radius-md:14px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--theme-color:#6f5200;--background-color:#f5f2ea;--contrast-background-color:#000;--disabled-color:#ded9ce;--intense-text-color:#000;--text-color:#34322e;--soft-text-color:#5d5951;--soft-background-color:#e8e3d8;--border-color:#c9c2b5;--error-color:#c62828;--field-background-color:#fff;--field-text-color:#000;--ui-surface-color:#ffffffe0;--ui-hover-color:#00000012;--ui-border-color:#0000002e;--shadow-color:#4339272e;--slide-indicator-color:#777168;--showcase-heading-shadow:none;--tilt-play-overlay-color:#f5f2eae6}body{background-color:var(--background-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%;color:var(--text-color);-webkit-user-select:none;user-select:none;flex-direction:column;margin:0;padding:0;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;transition:background-color .25s,color .25s;display:flex;position:relative;overflow:hidden}button,input,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--theme-color);outline-offset:3px}#root{height:100%}.portfolio-loader{background-color:var(--background-color);color:var(--intense-text-color);transition:background-color .25s,color .25s}.portfolio-loader .portfolio-loader-icon{width:2.25rem;height:2.25rem;animation:1.2s ease-in-out infinite loader-icon-flip}@keyframes loader-icon-flip{0%{transform:rotateY(0)}50%,to{transform:rotateY(360deg)}}.general-btn-1{background-color:var(--contrast-background-color);color:var(--background-color);cursor:pointer;will-change:transform;border:none;border-radius:50%;margin:0;font-size:20px;font-weight:600;transition:background-color .22s,color .22s,transform .22s,box-shadow .22s;box-shadow:0 8px 24px #00000047}.general-btn-1 *{color:var(--background-color);font-weight:600}.general-btn-1:hover{background-color:var(--theme-color);transform:translateY(-2px);box-shadow:0 12px 28px #00000057}.general-btn-1:active{transition-duration:80ms;transform:translateY(0)scale(.94);box-shadow:0 5px 14px #00000047}.general-btn-1.disabled{background-color:var(--disabled-color);cursor:auto}textarea,input{font-family:Arial,Helvetica,sans-serif}.fade-out-and-hide{opacity:0;visibility:hidden;animation:.8s cubic-bezier(.22,1,.36,1) forwards fade-out-and-hide}@keyframes fade-out-and-hide{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden;transform:scale(1.015)}}.fade-in-500ms{animation:.5s cubic-bezier(.22,1,.36,1) both fade-in-500ms}@keyframes fade-in-500ms{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}a{color:var(--soft-text-color);text-underline-offset:4px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;transition:color .2s,text-decoration-color .2s}a:hover{color:var(--theme-color);-webkit-text-decoration-color:var(--theme-color);text-decoration-color:var(--theme-color)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#profile{box-sizing:border-box;width:min-content;max-width:100%;padding:24px}#profile>.upper-container{display:flex}#profile>.upper-container>.profile-img-container{aspect-ratio:1;border-radius:50%;justify-content:center;width:320px;margin-right:50px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 50px #00000059}#profile>.upper-container>.profile-img-container>img{background-color:var(--soft-background-color);object-fit:cover;object-position:0% 45%;color:#0000;flex:1;transition:transform .4s,filter .4s}#profile>.upper-container>.profile-img-container:hover>img{filter:contrast(1.03);transform:scale(1.025)}#profile>.upper-container>h1{text-align:left;letter-spacing:-.04em;align-self:flex-end;width:max-content;margin:0;font-size:70px;font-weight:400;line-height:1.3}#profile>.upper-container>h1 strong,#profile>.upper-container>h1 b,#profile>.upper-container>h1 em,#profile>.upper-container>h1 i{color:var(--theme-color);font-weight:inherit}#profile>.profile-info-container{flex-direction:column;flex:1;align-items:center;display:flex}#profile>.profile-info-container>p{text-align:justify;max-width:1000px;color:var(--intense-text-color);margin-top:30px;font-size:28px;line-height:1.4}#profile>.profile-info-container>p .profile-description{text-align:center;display:block}#profile>.profile-info-container>p .profile-technologies{font-size:18px}#profile>.profile-info-container>p .accent-text{color:var(--theme-color)}#profile>.profile-info-container .social-medias-container{max-width:fit-content}@media (width<=1440px){#profile>.upper-container>.profile-img-container{width:250px;min-width:250px}#profile>.upper-container>h1{font-size:65px}#profile>.profile-info-container>p{font-size:30px}}@media (width<=1024px){#profile>.upper-container>.profile-img-container{width:250px;min-width:250px}#profile>.upper-container>h1{font-size:5.3vw}#profile>.profile-info-container>p{font-size:25px}}@media (width<=768px){#profile{width:auto;max-height:calc(100vh - 120px);overflow-y:auto}#profile>.upper-container{flex-direction:column;align-items:center;width:100%}#profile>.upper-container>.profile-img-container{width:250px;min-width:250px;margin-bottom:20px;margin-right:0}#profile>.upper-container>h1{box-sizing:border-box;text-align:center;align-self:center;width:100%;font-size:clamp(35px,6.5vw,50px)}#profile>.profile-info-container>p{text-align:center;font-size:25px}}@media (width<=425px){#profile{padding:16px}#profile>.upper-container>.profile-img-container{width:min(65vw,230px);min-width:180px;margin-bottom:20px;margin-right:0}#profile>.upper-container>h1{text-align:center;align-self:center;width:100%;font-size:clamp(30px,8.2vw,35px)}#profile>.profile-info-container>p{text-align:center;font-size:20px}}.social-medias{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.social-medias>.social-media-btn{box-sizing:border-box;border-radius:var(--radius-sm);width:auto;min-width:45px;height:45px;box-shadow:none;border:1px solid #0000;padding:5px 15px;text-decoration:none;position:relative}.social-medias>.social-media-btn:hover,.social-medias>.social-media-btn:focus-within{border-color:var(--theme-color)}.social-medias>.social-media-btn:hover>.social-media-content>.icon,.social-medias>.social-media-btn:focus-within>.social-media-content>.icon{transform:scale(1.12)rotate(-3deg)}.social-medias>.social-media-btn>.social-media-content{justify-content:center;align-items:center;height:100%;margin:0;display:flex;font-size:22px!important}.social-medias>.social-media-btn>.social-media-content>.icon{transition:transform .25s cubic-bezier(.22,1,.36,1)}.social-medias>.social-media-btn>.social-media-content>.social-media-title{padding-left:10px;font-size:16px;font-weight:400;transition:letter-spacing .25s}@media (width<=568px){.social-medias>.social-media-btn .social-media-title{display:none}}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.125em;flex:none;width:1em;height:1em;display:inline-block}.icon .icon-fill{fill:currentColor;stroke:none}.sections-switcher-container{pointer-events:none;position:absolute;inset:0}.sections-switcher-container .section-navigation-container{z-index:20;pointer-events:all;animation:.55s cubic-bezier(.22,1,.36,1) .12s backwards section-nav-enter;position:fixed;top:20px;left:20px}.sections-switcher-container .move-section-btns-container{z-index:20;pointer-events:all;flex-direction:column;gap:10px;animation:.55s cubic-bezier(.22,1,.36,1) .2s backwards section-arrows-enter;display:flex;position:fixed;bottom:24px;right:24px}.sections-switcher-container .move-section-btns-container button{border:1px solid var(--ui-border-color);width:64px;height:64px;box-shadow:0 8px 26px var(--shadow-color);font-size:20px}.sections-switcher-container .move-section-btns-container button:hover{background-color:color-mix(in srgb, var(--contrast-background-color) 88%, var(--background-color))}.sections-switcher-container .move-section-btns-container button:focus-visible{outline-color:var(--contrast-background-color)}.sections-switcher-container .move-section-btns-container button .icon{transition:transform .22s cubic-bezier(.22,1,.36,1)}.sections-switcher-container .move-section-btns-container button.move-section-up-btn:hover .icon{transform:translateY(-2px)}.sections-switcher-container .move-section-btns-container button.move-section-down-btn:hover .icon{transform:translateY(2px)}@media (width<=600px){.sections-switcher-container .section-navigation-container{display:none}.sections-switcher-container .move-section-btns-container{right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));gap:8px}.sections-switcher-container .move-section-btns-container button{width:54px;height:54px;font-size:17px}}@media (width<=350px){.sections-switcher-container .move-section-btns-container button{width:48px;height:48px}}@keyframes section-arrows-enter{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}@keyframes section-nav-enter{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}#nav-container{box-sizing:border-box;max-width:100%;color:var(--intense-text-color);background:0 0;border:0;border-radius:999px;padding:3px}#nav-container ul{align-items:center;gap:0;margin:0;padding:0;list-style:none;display:flex}#nav-container ul li{position:relative}#nav-container ul li a{box-sizing:border-box;min-height:34px;color:inherit;letter-spacing:.04em;cursor:pointer;opacity:.42;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 13px;font-size:11px;font-weight:600;text-decoration:none;transition:background-color .22s,opacity .22s,transform .22s;display:flex;position:relative}#nav-container ul li a:hover{opacity:.72;transform:translateY(-1px)}#nav-container ul li.active a{opacity:1;background:0 0}#contact{flex-direction:row;justify-content:center;gap:clamp(35px,6vw,70px);margin-bottom:150px;padding:30px;display:flex}#contact div h3{text-transform:uppercase;margin-top:0;margin-bottom:40px;font-size:16px}#contact .get-in-touch{width:500px;max-width:500px}#contact .get-in-touch h2{color:var(--intense-text-color);letter-spacing:.02em;margin-top:0;font-weight:400}#contact .contact-details{flex-direction:column;display:flex}#contact .contact-details .contact-places{flex-direction:column;flex:1;gap:20px;display:flex}#contact .contact-details .contact-places .contact-place{font-size:20px;-webkit-user-select:all!important;user-select:all!important}#contact .contact-details .contact-places .contact-place>span{-webkit-user-select:none;user-select:none;text-transform:capitalize;color:var(--theme-color);font-weight:400}#contact .contact-details .contact-places .contact-place.socials{flex-direction:column;flex:1;justify-content:flex-end;display:flex}#contact .contact-details .contact-places .contact-place.socials .social-medias{flex-direction:column;align-items:stretch}#contact .contact-details .contact-places .contact-place.socials .social-medias>.social-media-btn{width:100%;min-width:170px}@media (width<=1024px){#contact .contact-details .contact-places .contact-place{font-size:18px!important}}@media (width<=768px){#contact .contact-details{margin-top:30px}#contact .contact-details .contact-places .contact-place{font-size:18px!important}}@media (width<=500px){#contact .contact-details{margin-top:20px}#contact .contact-details .contact-places .contact-place{margin-bottom:10px;font-size:16px!important}}@media (width<=768px){#contact{text-align:center;flex-direction:column;align-items:center;gap:0;margin-bottom:0}#contact div h3{margin-bottom:20px}#contact .get-in-touch{width:100%}#contact .contact-details .contact-places{gap:10px}#contact .contact-details .contact-places .contact-place.socials .social-medias{flex-direction:row}#contact .contact-details .contact-places .contact-place.socials .social-medias>.social-media-btn{flex:1;min-width:120px}}@media (width<=500px){#contact{padding:18px}#contact .contact-details .contact-places{gap:0!important}}.contact-form{flex-direction:column;align-items:flex-end;display:flex}.contact-form .required{width:100%;position:relative}.contact-form .required .required-indicator{z-index:1;color:var(--error-color);font-size:18px;font-weight:700;line-height:1;position:absolute;top:5px;right:10px}.contact-form .required .field-error{color:#ff6b6b;margin:-4px 2px 9px;font-size:12px;line-height:1.3;animation:.25s cubic-bezier(.22,1,.36,1) both field-error-enter;display:block}.contact-form .required.invalid input,.contact-form .required.invalid textarea{border-color:#ff6b6b;animation:.3s ease-out invalid-field-shake;box-shadow:0 0 0 3px #ff6b6b1a}.contact-form .required.invalid .required-indicator{animation:.3s cubic-bezier(.22,1,.36,1) required-marker-pop}.contact-form .required input,.contact-form .required textarea{padding-right:28px}.contact-form input,.contact-form textarea,.contact-form button{background-color:var(--field-background-color);box-sizing:border-box;border-radius:var(--radius-sm);color:var(--field-text-color);border:1px solid #0000;margin-bottom:10px;padding:10px 15px;font-size:18px}@media (width<=500px){.contact-form input,.contact-form textarea,.contact-form button{padding:10px;font-size:16px}}.contact-form input,.contact-form textarea{width:100%;transition:border-color .25s,box-shadow .25s,padding-left .25s,background-color .25s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--theme-color);background-color:var(--field-background-color);outline:none;padding-left:20px;box-shadow:0 0 0 3px #ffd7001f}@media (width<=500px){.contact-form input:focus,.contact-form textarea:focus{padding-left:15px}}.contact-form input{height:50px}.contact-form textarea{resize:none;height:200px;line-height:1.45}@media (width<=500px){.contact-form textarea{height:150px}}.contact-form button{width:50%;height:40px;margin-bottom:0;font-weight:600;transition:background-color .25s,color .25s,transform .25s,width .25s}.contact-form button:hover,.contact-form button:focus{cursor:pointer;background-color:var(--theme-color);transform:translateY(-2px)}.contact-form button:disabled{cursor:auto;background-color:var(--disabled-color);border-color:var(--disabled-color);color:var(--soft-text-color);width:50%;transform:none}@media (width<=768px){.contact-form button{width:100%!important}}.contact-form br{margin-top:30px}@media (width<=500px){.contact-form br{margin-top:20px}}.contact-form .input-group{flex-direction:row;gap:10px;width:100%;display:flex}@media (width<=425px){.contact-form .input-group{flex-direction:column;gap:0}}@keyframes field-error-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes invalid-field-shake{0%,to{transform:translate(0)}30%{transform:translate(-3px)}60%{transform:translate(3px)}}@keyframes required-marker-pop{0%{transform:scale(1)}50%{transform:scale(1.35)}to{transform:scale(1)}}#projects{width:100%;height:100%}#projects .internal-project-showcase{overscroll-behavior:contain;scrollbar-gutter:stable both-edges;box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden auto}#projects .internal-project-showcase>*{min-width:0;min-height:0}.slideshow{background-color:#0000;transition:background-color 1s ease-in-out;position:absolute;inset:0;overflow:hidden}.slideshow .slide-list{flex-direction:row;margin:0;padding:0;display:flex;position:relative}.slideshow .slide-list .slide{z-index:-1;opacity:0;box-sizing:border-box;pointer-events:none;will-change:opacity, transform;flex-direction:column;justify-content:center;align-items:center;min-width:100%;height:100dvh;min-height:0;padding:clamp(28px,5vh,56px) clamp(18px,4vw,64px) clamp(116px,15vh,140px);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;overflow:hidden;transform:translateY(18px)scale(.985)}.slideshow .slide-list .slide.active{z-index:0;opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.slideshow .slide-list .encompassing-shadow-box{box-shadow:inset 0 -100px 100px 0 var(--background-color), inset 0px 100px 100px 0 var(--background-color);position:absolute;inset:0 -100vw}.slideshow .bottom-bar{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;animation:.55s cubic-bezier(.22,1,.36,1) .25s both slideshow-controls-enter;display:flex;position:absolute;bottom:24px;left:0;right:0}@media (width<=600px){.slideshow .bottom-bar{right:82px;bottom:max(14px, env(safe-area-inset-bottom));gap:6px}}.slideshow .bottom-bar .auto-transition-info #toggle-transition-btn{pointer-events:all;cursor:pointer;color:var(--intense-text-color);background-color:#0000;border:none;border-radius:15px;justify-content:center;align-items:center;gap:10px;padding:5px 10px;font-size:16px;transition:transform .2s,color .2s;display:flex;position:relative;overflow:hidden}.slideshow .bottom-bar .auto-transition-info #toggle-transition-btn .icon,.slideshow .bottom-bar .auto-transition-info #toggle-transition-btn span{z-index:1;transition:all .2s}.slideshow .bottom-bar .auto-transition-info #toggle-transition-btn:hover .icon,.slideshow .bottom-bar .auto-transition-info #toggle-transition-btn:hover span{color:var(--theme-color);opacity:1}.slideshow .bottom-bar .auto-transition-info #toggle-transition-btn:hover{transform:translateY(-1px)}.slideshow .bottom-bar .auto-transition-info #toggle-transition-btn:active{transition-duration:80ms;transform:translateY(0)scale(.96)}.slideshow .bottom-bar .auto-transition-info #toggle-transition-btn.on{color:var(--theme-color)}.slideshow .bottom-bar .auto-transition-info #toggle-transition-btn.on .icon{animation:2.4s ease-in-out infinite clock-pulse}.slideshow .bottom-bar .auto-transition-info #toggle-transition-btn.on:hover .icon,.slideshow .bottom-bar .auto-transition-info #toggle-transition-btn.on:hover span{color:var(--theme-color);opacity:1}@media (width<=500px){.slideshow .bottom-bar .auto-transition-info #toggle-transition-btn{gap:7px;min-width:76px;min-height:40px;padding:0 12px;font-size:16px}.slideshow .bottom-bar .auto-transition-info #toggle-transition-btn span{display:none}.slideshow .bottom-bar .auto-transition-info #toggle-transition-btn .toggled-text{display:block}}@media (width<=500px) and (hover:none){.slideshow .bottom-bar .auto-transition-info #toggle-transition-btn:hover{color:var(--intense-text-color);transform:none}.slideshow .bottom-bar .auto-transition-info #toggle-transition-btn.on:hover{color:var(--theme-color)}}.slideshow .bottom-bar .slide-indicators{background-color:#0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin:0;padding:7px 10px;list-style-type:none;display:flex}.slideshow .bottom-bar .slide-indicators button{background-color:var(--slide-indicator-color);cursor:default;pointer-events:all;width:10px;height:10px;box-shadow:none;border:none;border-radius:50%;margin:0;transition:width .22s,background-color .22s,opacity .22s,transform .22s;display:inline-block}.slideshow .bottom-bar .slide-indicators button.active{background-color:var(--theme-color);border-radius:999px;width:28px}.slideshow .bottom-bar .slide-indicators button.active:hover{background-color:var(--theme-color);opacity:1;cursor:default}.slideshow .bottom-bar .slide-indicators button:hover{background-color:var(--theme-color);opacity:.5;cursor:pointer;transform:scale(1.18)}.slideshow .bottom-bar .slide-indicators button:active{transition-duration:80ms;transform:scale(.88)}.slideshow .bottom-bar .slide-indicators button.move-btn{background-color:var(--contrast-background-color);width:34px;height:34px;color:var(--background-color)}.slideshow .bottom-bar .slide-indicators button.move-btn:hover{background-color:var(--theme-color);opacity:1;transform:translateY(-2px)}.slideshow .bottom-bar .slide-indicators button.move-btn svg{width:16px}@media (width<=600px){.slideshow .bottom-bar .slide-indicators{background-color:#0000;gap:2px;padding:4px}.slideshow .bottom-bar .slide-indicators button{background-color:#0000;width:26px;height:44px;padding:0;position:relative}.slideshow .bottom-bar .slide-indicators button:before{content:"";background-color:var(--slide-indicator-color);border-radius:999px;width:8px;height:8px;transition:width .22s,background-color .22s,transform .22s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.slideshow .bottom-bar .slide-indicators button.active{background-color:#0000;width:32px}.slideshow .bottom-bar .slide-indicators button.active:before{background-color:var(--theme-color);width:22px}.slideshow .bottom-bar .slide-indicators button.move-btn{background-color:var(--contrast-background-color);width:44px;height:44px;color:var(--background-color)}.slideshow .bottom-bar .slide-indicators button.move-btn:before{content:none}}@media (width<=600px) and (hover:none){.slideshow .bottom-bar .slide-indicators button:hover,.slideshow .bottom-bar .slide-indicators button.active:hover{opacity:1;background-color:#0000;transform:none}.slideshow .bottom-bar .slide-indicators button.move-btn:hover{background-color:var(--contrast-background-color)}}@keyframes slideshow-controls-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes clock-pulse{0%,to{transform:rotate(0)}45%{transform:rotate(0)}55%{transform:rotate(16deg)}65%{transform:rotate(0)}}#toast{z-index:40;pointer-events:none;flex-direction:row;justify-content:center;align-items:center;width:100%;display:flex;position:fixed;bottom:50px}#toast .center{border-radius:var(--radius-md);color:#fff;flex-direction:row;align-items:center;max-width:300px;min-height:40px;padding:0 0 0 20px;font-size:16px;display:flex;overflow:hidden;box-shadow:0 12px 35px #00000059}#toast .center.success{background-color:#2e7d32}#toast .center.error{background-color:#c62828}#toast .center.info{background-color:#1565c0}#toast .center.fade-in{opacity:0;animation:.38s cubic-bezier(.22,1,.36,1) forwards toast-enter}@keyframes toast-enter{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}#toast .center span{padding:5px 0}#toast .center button{color:#fff;pointer-events:all;background-color:#0000;border:none;border-radius:50%;flex:1;min-width:30px;height:30px;margin:5px 5px 5px 20px;padding:0;font-size:14px;transition:background-color .2s,transform .2s}#toast .center button:hover{cursor:pointer;background-color:#0000001a;transform:rotate(90deg)}#toast .center button:active{transform:rotate(90deg)scale(.88)}@media (width<=600px){#toast{right:calc(max(14px, env(safe-area-inset-right)) + 68px);bottom:max(14px, env(safe-area-inset-bottom));left:max(14px, env(safe-area-inset-left));width:auto}#toast .center{box-sizing:border-box;min-width:0;max-width:100%}}@media (width<=350px){#toast{right:calc(max(14px, env(safe-area-inset-right)) + 62px)}}.theme-selector{z-index:30;animation:.55s cubic-bezier(.22,1,.36,1) .16s backwards theme-selector-enter;position:fixed;top:20px;right:20px}.theme-selector .theme-toggle{width:72px;height:40px;color:var(--intense-text-color);cursor:pointer;background:0 0;border:0;border-radius:20px;grid-template-columns:repeat(2,32px);justify-content:center;align-items:center;padding:3px;transition:background-color .2s,transform .2s;display:grid;position:relative}.theme-selector .theme-toggle .theme-toggle-icon{z-index:1;opacity:.42;justify-content:center;align-items:center;transition:color .2s,opacity .2s;display:flex}.theme-selector .theme-toggle .theme-toggle-icon.active{opacity:1}.theme-selector .theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.theme-selector .theme-toggle:hover{transform:translateY(-2px)}.theme-selector .theme-toggle:active{transform:scale(.96)}@media (width<=600px){.theme-selector{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right))}}@keyframes theme-selector-enter{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}#showcase3-app-container{width:100%;height:100%;min-height:0;color:var(--intense-text-color);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;align-items:center;margin:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;display:flex}#showcase3-app-container #inner-app-container{flex-direction:column;justify-content:center;gap:clamp(10px,1.5vh,16px);width:min(80vw,900px);height:min(68vh,680px);min-height:0;max-height:100%;display:flex}#showcase3-app-container #inner-app-container #img-container{border-radius:var(--radius-md);background-color:#0a0a0a;flex:52%;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}#showcase3-app-container #inner-app-container #img-container img{object-fit:contain;width:100%;height:100%;transition:transform .65s cubic-bezier(.22,1,.36,1),filter .65s}#showcase3-app-container #inner-app-container #img-container:hover img{filter:brightness(1.04);transform:scale(1.025)}#showcase3-app-container #inner-app-container #info-container{overscroll-behavior:contain;flex-direction:column;flex:0 auto;gap:10px;min-height:0;max-height:48%;padding:0 clamp(12px,3vw,30px);display:flex;overflow:hidden auto}#showcase3-app-container #inner-app-container #info-container h2{color:var(--theme-color);overflow-wrap:anywhere;text-shadow:var(--showcase-heading-shadow);text-wrap:balance;margin:0;font-size:clamp(2rem,3.4vw,3.25rem);line-height:1.05}#showcase3-app-container #inner-app-container #info-container #links-tags-container{flex-flow:wrap;justify-content:space-between;gap:10px 20px;font-size:clamp(1rem,1.6vw,1.25rem);display:flex}#showcase3-app-container #inner-app-container #info-container #links-tags-container #tags,#showcase3-app-container #inner-app-container #info-container #links-tags-container #links{flex-wrap:wrap;gap:10px 15px;display:flex}#showcase3-app-container #inner-app-container #info-container #links-tags-container #tags .tag{width:max-content;color:var(--theme-color);font-weight:600;transition:color .25s,transform .25s}#showcase3-app-container #inner-app-container #info-container #links-tags-container #tags .tag:hover{text-decoration:underline;text-decoration-thickness:2px;transform:translateY(-2px)}#showcase3-app-container #inner-app-container #info-container #links-tags-container #links a{align-items:center;gap:5px;width:max-content;transition:color .25s,transform .25s;display:flex}#showcase3-app-container #inner-app-container #info-container #links-tags-container #links a:hover{color:var(--theme-color);transform:translateY(-2px)}#showcase3-app-container #inner-app-container #info-container #links-tags-container #links a:active{transform:translateY(0)scale(.96)}#showcase3-app-container #inner-app-container #info-container #description{text-align:left;text-wrap:pretty;margin:0;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.55}@media (width<=900px){#showcase3-app-container #inner-app-container{width:min(92vw,760px)}}@media (width<=700px){#showcase3-app-container #inner-app-container{justify-content:flex-start;gap:10px;width:100%;height:100%}#showcase3-app-container #inner-app-container #img-container{flex:0 40%;min-height:clamp(145px,30dvh,250px)}#showcase3-app-container #inner-app-container #info-container{flex:auto;max-height:none;padding:0 clamp(4px,2vw,12px)}#showcase3-app-container #inner-app-container #info-container h2{text-align:center;font-size:clamp(1.75rem,7.5vw,2.5rem)}#showcase3-app-container #inner-app-container #info-container #links-tags-container{flex-direction:column;align-items:center;gap:8px;font-size:clamp(.95rem,4.2vw,1.1rem)}#showcase3-app-container #inner-app-container #info-container #links-tags-container #tags,#showcase3-app-container #inner-app-container #info-container #links-tags-container #links{justify-content:center;gap:8px 12px}#showcase3-app-container #inner-app-container #info-container #description{font-size:clamp(.95rem,3.9vw,1.05rem)}}@media (height<=650px) and (width>=701px){#showcase3-app-container #inner-app-container{height:78vh}#showcase3-app-container #inner-app-container #info-container{gap:6px}}#diss-app-container{width:100%;height:100%;min-height:0;color:var(--intense-text-color);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;align-items:center;margin:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;display:flex}#diss-app-container #inner-app-container{overscroll-behavior:contain;box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;gap:clamp(12px,2vh,20px);width:min(80vw,1000px);height:min(72vh,760px);min-height:0;max-height:100%;padding:0 clamp(8px,2vw,24px);display:flex;overflow:hidden auto}#diss-app-container #frame-container{aspect-ratio:16/9;border-radius:var(--radius-md);flex:none;justify-content:center;align-items:center;width:100%;max-width:900px;display:flex;overflow:hidden}#diss-app-container #frame-container iframe{border:0;width:100%;height:100%}#diss-app-container #content{flex-direction:column;flex:none;gap:10px;width:100%;min-width:0;max-width:900px;display:flex}#diss-app-container #title h2{overflow-wrap:anywhere;text-wrap:balance;margin:0;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:clamp(2rem,4.5vw,4rem);line-height:1.05}#diss-app-container #description p{text-wrap:pretty;margin:0;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:clamp(1rem,1.7vw,1.35rem);line-height:1.55}#diss-app-container #tags{flex-flow:wrap;gap:6px;display:flex}#diss-app-container #tags button{border:2px solid var(--contrast-background-color);border-radius:var(--radius-sm);background-color:var(--contrast-background-color);min-height:36px;color:var(--background-color);text-align:center;flex:0 auto;padding:.35em 1em;font-size:clamp(.9rem,1.5vw,1.1rem);transition:background-color .22s,color .22s,border-color .22s,transform .22s}#diss-app-container #tags button:hover{color:#171717;background-color:#fe7243;border-color:#fe7243;transform:translateY(-2px)}#diss-app-container #tags button:active{transform:translateY(0)scale(.97)}@media (width<=900px){#diss-app-container #inner-app-container{width:min(92vw,760px)}}@media (width<=700px){#diss-app-container #inner-app-container{width:100%;height:100%;padding:0 clamp(2px,1.5vw,8px)}#diss-app-container #frame-container{max-height:34dvh}#diss-app-container #content{gap:8px}#diss-app-container #title h2{text-align:center;font-size:clamp(1.8rem,8.5vw,2.75rem)}#diss-app-container #description p{font-size:clamp(.92rem,3.8vw,1.05rem);line-height:1.5}#diss-app-container #tags{justify-content:center}#diss-app-container #tags button{min-height:34px;font-size:.9rem}}@media (height<=650px) and (width>=701px){#diss-app-container #inner-app-container{height:78vh}#diss-app-container #frame-container{max-width:560px}}#tilt-it-app-container{overscroll-behavior:contain;box-sizing:border-box;width:calc(100vw - 20px);max-width:1000px;height:100%;min-height:0;color:var(--intense-text-color);margin:0;padding:0 clamp(4px,2vw,16px);font-family:Roboto,sans-serif;overflow:hidden auto}#tilt-it-app-container button{color:#fff;cursor:pointer;box-sizing:border-box;border:none;min-height:40px;padding:.35em 1.25em;font-family:Roboto,sans-serif;font-size:clamp(1rem,2vw,1.35rem)}#tilt-it-app-container .hidden{display:none!important}#tilt-it-app-container .disabled{opacity:.5;cursor:initial}#tilt-it-app-container img{pointer-events:none}#tilt-it-app-container #inner-app-container{box-sizing:border-box;align-items:center;width:100%;min-height:100%;margin:0 auto;display:flex}#tilt-it-app-container #inner-app-container p{text-wrap:pretty;margin:0;font-size:clamp(1rem,1.8vw,1.35rem);line-height:1.5}@media (width<=768px){#tilt-it-app-container{padding:0 clamp(2px,2vw,10px)}#tilt-it-app-container #inner-app-container{align-items:flex-start}#tilt-it-app-container #inner-app-container p{font-size:clamp(.92rem,3.8vw,1.05rem);line-height:1.4}}#tilt-it-app-container #frame-container{z-index:10;background-color:var(--tilt-play-overlay-color);flex-direction:column;justify-content:center;padding:clamp(8px,3vw,20px);display:flex;position:absolute;inset:0}#tilt-it-app-container #frame-content-container{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100vh;height:100%;min-height:0;margin:auto;display:flex}#tilt-it-app-container #frame-content-container>*{width:100%}#tilt-it-app-container #frame-top-btns-container{box-sizing:border-box;flex-direction:column;justify-content:flex-end;align-items:flex-end;width:100%;height:40px;padding:0 10px 10px 0;display:flex}#tilt-it-app-container #exit-btn{z-index:10;background-color:#ff1e1e;border-bottom:5px solid #a31414;width:35px;height:35px;padding:0;font-size:1.5em;transition:all .1s linear}#tilt-it-app-container #exit-btn:active{border-bottom-width:0}@media (width<=600px){#tilt-it-app-container #frame-top-btns-container{height:46px;padding-right:0}#tilt-it-app-container #exit-btn{width:40px;height:40px;min-height:40px}}#tilt-it-app-container #iframe-container{aspect-ratio:16/9;background:#101010;justify-content:center;align-items:center;width:100%;height:auto;max-height:calc(100dvh - 100px);display:flex;position:relative;overflow:hidden}#tilt-it-app-container #iframe-container .game-loading{z-index:1;color:#fbaf43;letter-spacing:.03em;background:radial-gradient(circle,#24201a 0%,#101010 58%);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:clamp(1rem,2vw,1.2rem);font-weight:600;display:flex;position:absolute;inset:0}#tilt-it-app-container #iframe-container .loading-spinner{border:4px solid #fbaf4338;border-top-color:#fbaf43;border-radius:50%;width:clamp(38px,6vw,54px);height:clamp(38px,6vw,54px);animation:.8s linear infinite tilt-it-loading-spin}#tilt-it-app-container #iframe-container iframe{opacity:1;border:none;width:100%;height:100%;transition:opacity .25s}#tilt-it-app-container #iframe-container iframe.loading{opacity:0}@keyframes tilt-it-loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){#tilt-it-app-container #iframe-container .loading-spinner{animation-duration:1.8s}}#tilt-it-app-container #screenshots-container{align-items:center;gap:10px;width:100%;height:clamp(130px,24vh,220px);margin-bottom:clamp(18px,4vh,40px);display:flex}#tilt-it-app-container #screenshots-container ul{scroll-snap-type:x mandatory;gap:10px;min-width:0;height:100%;margin:0;padding:0;display:flex;overflow:hidden}#tilt-it-app-container #screenshots-container ul li{scroll-snap-align:start;flex:none;height:100%;list-style:none;position:relative}#tilt-it-app-container #screenshots-container ul li img{all:unset;height:100%}#tilt-it-app-container #screenshots-container ul li button{all:unset;text-align:center;opacity:0;background-color:#000;font-size:36px;position:absolute;inset:0}#tilt-it-app-container #screenshots-container ul li button:hover{cursor:pointer;opacity:.5}#tilt-it-app-container #right-arrow-btn,#tilt-it-app-container #left-arrow-btn{color:#000;background-color:#fbaf43;border-top:5px solid #ffc780;min-width:35px;height:35px;padding:0;transition:all .1s linear}#tilt-it-app-container #right-arrow-btn:active:not(.disabled),#tilt-it-app-container #left-arrow-btn:active:not(.disabled){border-top-width:0}#tilt-it-app-container #right-arrow-btn.disabled,#tilt-it-app-container #left-arrow-btn.disabled{opacity:1;border-top:none}@media (width<=768px){#tilt-it-app-container #screenshots-container{height:clamp(80px,21vw,120px);margin-bottom:14px}}@media (width<=500px){#tilt-it-app-container #screenshots-container{gap:5px;height:clamp(72px,21vw,94px);margin-bottom:12px}}@media (width<=400px){#tilt-it-app-container #right-arrow-btn,#tilt-it-app-container #left-arrow-btn{min-width:30px;height:30px}}#tilt-it-app-container #content-container{width:100%;min-width:0}#tilt-it-app-container #content-container .header-container{justify-content:center;align-items:center;width:100%;display:flex}#tilt-it-app-container #content-container .tech-btn{color:#000;background-color:#ff9000;border-top:5px solid #ffb454;transition:all .1s linear}#tilt-it-app-container #content-container .tech-btn:active{border-top-width:0}#tilt-it-app-container #logo-img{z-index:1;width:auto;height:clamp(100px,17vh,180px);rotate:-10deg}#tilt-it-app-container #title-container{flex:1;justify-content:center;width:100%;display:flex}#tilt-it-app-container #title-img{object-fit:contain;width:auto;max-width:100%;height:clamp(100px,17vh,180px);animation:5s linear infinite tilt}#tilt-it-app-container #bottom-btns{justify-content:space-between;width:100%;margin-top:clamp(18px,4vh,40px);display:flex}#tilt-it-app-container #bottom-btns>div{flex-wrap:wrap;gap:10px;display:flex}#tilt-it-app-container #play-btn{color:#000;background-color:#fbaf43;border-top:5px solid #ffc780;height:fit-content;min-height:35px;font-weight:700;transition:all .1s linear}#tilt-it-app-container #play-btn:active{border-top-width:0}@keyframes tilt{0%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}to{transform:rotate(-7deg)}}@media (width<=1100px){#tilt-it-app-container #bottom-btns{flex-direction:column;gap:10px}#tilt-it-app-container #bottom-btns>div{justify-content:center}#tilt-it-app-container #play-btn{width:100%}}@media (width<=768px){#tilt-it-app-container #logo-img,#tilt-it-app-container #title-img{height:clamp(68px,18vw,96px)}}@media (width<=500px){#tilt-it-app-container #content-container button{min-height:42px;font-size:1rem}#tilt-it-app-container #bottom-btns{gap:8px;margin-top:16px}#tilt-it-app-container #bottom-btns button{flex:1;padding:.35em .7em}}@media (width<=400px){#tilt-it-app-container #content-container button{font-size:.9rem}#tilt-it-app-container #logo-img,#tilt-it-app-container #title-img{height:clamp(62px,18vw,82px)}}