@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&display=swap";@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}}}@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;--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;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{.visible{visibility:visible}.relative{position:relative}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}}.fresh-gradient{background-color:#86efac;background-image:linear-gradient(to bottom right,#dbeafe,#bbf7d0,#fef9c3)}@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}body{padding:0;margin:0;background-color:#17141d;color:#fff;font-family:DM Mono,monospace;scroll-snap-type:mandatory}body::-webkit-scrollbar{display:none}.card-list{display:flex;padding:2rem 3rem 5rem;overflow-x:scroll;margin-left:auto;justify-content:center}.card-list::-webkit-scrollbar{width:10px;height:10px}.card-list::-webkit-scrollbar-thumb{background:#201c29;border-radius:10px;box-shadow:inset 2px 2px 2px #ffffff40,inset -2px -2px 2px #00000040}.card-list::-webkit-scrollbar-track{background:linear-gradient(90deg,#201c29,#201c29 1px,#17141d 0,#17141d)}.card{display:flex;position:relative;flex-direction:column;height:560px;width:400px;min-width:250px;padding:1.5rem;border-radius:16px;background:#17141d;box-shadow:-1rem 0 3rem #000;transition:.2s}.card:hover{transform:translateY(-1rem)}.card:hover~.card{transform:translate(280px)}.card:not(:first-child){margin-left:-300px}.card-author{position:relative;display:grid;grid-template-columns:75px 1fr;align-items:center;margin:3rem 0 0;margin-top:auto}.author-avatar img{display:block;width:40px;height:40px;border-radius:50%;margin:16px 10px}.half-circle{position:absolute;bottom:0;left:0;width:60px;height:48px;fill:none;stroke:#ff8a00;stroke-width:8;stroke-linecap:round}.author-name-prefix{font-style:normal;font-weight:700;color:#7a7a8c}.card-header{font-size:large;height:fit-content}.card-header h3{font-size:medium}.projects-page-header:is(.mobile){display:none}.card:is(.mobile){display:none}.card:not(.mobile){display:block}@media screen and (max-width:800px){.card-list{padding:0;flex-direction:column;overflow-y:auto;height:100vh;justify-content:flex-start}.projects-page-header:is(.mobile){display:block}.projects-page-header:not(.mobile){display:none}.card:is(.mobile){display:block}.card:not(.mobile){display:none}.card{flex-grow:0;width:80vw;height:100%;border:white solid 2px;padding:10px;border-radius:30;margin:10px auto!important;box-shadow:10px 10px 15px #000}.card:not(:first-child){margin-left:0}.card:hover{transform:none}.card:hover~.card{transform:none}.card-author,.half-circle{display:none}}h2:hover{background:linear-gradient(90deg,#cd9441,#dfcd77);text-shadow:none;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.projects-header{font-size:40px;margin-top:auto;margin-bottom:0;padding:3rem}header{height:100vh}.header-image{margin-bottom:20px}.header-image h3{font-size:14px;margin:0 0 1rem;color:#7a7a8c}h2{font-size:20px;margin:0 0 auto}.header-image{padding:1em 1em 3.5em;text-align:center;clip-path:polygon(50% 0,100% 0,100% 70%,50% 100%,0 70%,0 0);background-image:url(../img/backdrops/backdrop.png);background-repeat:no-repeat;background-size:cover;background-position:center;margin-bottom:0}@media screen and (min-width:1550px){.header-image{background-image:url(../img/backdrops/wide.png);background-position:center}}@media screen and (min-width:2550px){.header-image{background-image:url(../img/backdrops/ultra-wide.png);background-position:right}}.logo{border-radius:50%;margin:auto}.header-text{font-size:50px}.header-text:hover{background:linear-gradient(90deg,#cd9441,#dfcd77);text-shadow:none;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media screen and (max-width:700px){.header-text{font-size:30px}.header-image{clip-path:polygon(50% 0px,100% 0px,100% 85.75%,50% 100%,0px 85.75%,0px 0px)}.logo{width:70%}.about{margin:0 5%!important}}@media screen and (max-height:940px){.about{gap:calc(100vh - 794px)}.about iframe{margin-top:0!important}header{height:calc(200vh - 642px)}}.about{display:flex;justify-content:center;align-items:center;margin:0 20%;text-align:center;flex-direction:column}.about h2{text-align:center}.about ul{list-style-type:none;padding:0}.about li{margin-bottom:10px}.about iframe{margin-top:30px!important;max-width:820px}.card-edit button{background:none;border:none;color:#ff8a00;font-size:1.5rem;cursor:pointer;transition:.2s}.card-edit button:hover{transform:scale(1.1)}.card-edit input,textarea{color:inherit;font-size:inherit;font-weight:inherit;background:none;border:none;display:inline;font-family:inherit;padding:none;width:90%}.reload{width:0}.reload button{position:inherit;background:none;border:none}.centered{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.xl{font-size:100px}.projects-page{display:flex;flex-direction:column}.projects-page-header{margin-top:auto;margin-bottom:0;padding:3rem}.projects-page-header h2{font-size:40px}.header-page{height:fit-content!important}body{margin:0;padding:0}#pages-container{position:relative;width:100%;height:100vh;scroll-behavior:smooth;overflow:auto;scroll-snap-type:y mandatory}#pages-container::-webkit-scrollbar{display:none}.page{width:100%;height:100vh;background-size:cover;scroll-snap-align:start}#arrow-down{display:flex;flex-direction:column;align-items:center;position:absolute;bottom:1rem;left:50vw;transform:translate(-50%);width:fit-content;border-radius:50%}#arrow-down:hover{animation:arrow 1s forwards;cursor:pointer}#arrow-down:hover g{fill:url(#grad1)}#arrow-down p{font-size:20px;margin:0 0 auto}#arrow-down:hover p{background:linear-gradient(90deg,#cd9441,#dfcd77)}#arrow-down svg{width:2rem;height:2rem}#arrow-down h2{width:100px;text-align:center}@keyframes arrow{0%{transform:translate(-50%)}to{transform:translate(-50%,5px)}}.about-page .header-text{margin-bottom:10%}.about-page * .slide-down-container{height:70vh;overflow:hidden}.about-page * .slide-down-content{transform:translateY(-70vh)}.about-page * .time-line{display:grid;grid-template-columns:0 30px min-content;margin-left:auto;margin-right:auto;width:min-content;grid-auto-rows:1fr;height:70vh}.about-page * .slideDown{animation:slideDown 2s ease-in-out forwards}@keyframes slideDown{0%{transform:translateY(-70vh)}to{transform:translateY(0)}}.about-page * .time-line-line{grid-column:2;position:relative;width:2px;height:100%;background:#cd9441;margin:0 0 0 auto}.about-page * .time-line-line:before{content:"";display:block;position:relative;top:0;left:-25px;width:50px;height:2px;background:#cd9441}.about-page * .time-line-age{grid-column:2;text-align:right;width:15px;margin-right:5px;margin-top:auto;margin-bottom:0}.about-page * .time-span{width:2px;grid-column:3;background:#cd9441;text-orientation:mixed}.about-page * .time-span:before{content:"";display:block;position:relative;top:0;left:-30px;width:30px;height:2px;background:#cd9441}.about-page * .time-span-label{position:relative;left:-20px;white-space:nowrap;margin:0;text-align:center;writing-mode:vertical-rl;transform:rotate(180deg);height:100%}.jubla-page{display:flex;flex-direction:column;height:100vh;justify-content:space-between;background-image:url(/img/jubla-bg.svg)}.jubla-page-header{align-self:flex-end;justify-self:flex-end;margin-top:20vh;margin-right:15vw;width:40vw;text-overflow:clip}.flugi{margin-top:auto;margin-bottom:10vh;height:40vh;max-width:90vw}@media screen and (max-width:960px){.jubla-page-header{margin-top:10vh;margin-right:20vw;width:60vw}}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;margin:0;padding:0;line-height:inherit;color:inherit}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}table{text-indent:0;border-color:inherit;border-collapse:collapse}hr{height:0;color:inherit;border-top-width:1px}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}button{background-color:transparent;background-image:none}body{font-family:inherit;line-height:inherit}*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}::-moz-focus-inner{border-style:none;padding:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}pre,code,kbd,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}body,blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre,fieldset,ol,ul{margin:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset,ol,ul,legend{padding:0}textarea{resize:vertical}button,[role=button]{cursor:pointer}:-moz-focusring{outline:1px dotted ButtonText}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}summary{display:list-item}:root{-moz-tab-size:4;tab-size:4}ol,ul{list-style:none}img{border-style:solid}button,select{text-transform:none}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}sub{bottom:-.25em}sup{top:-.5em}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-webkit-search-decoration{-webkit-appearance:none}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgba(107,114,128,var(--tw-text-opacity))}.text-5xl{font-size:3rem;line-height:1}.px-4{padding-left:1rem;padding-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.font-bold{font-weight:700}.mt-8{margin-top:2rem}.max-w-screen-md{max-width:768px}.pt-16{padding-top:4rem}
