﻿@font-face{font-family:"Archivo";src:url("../fonts/variables/Archivo/Archivo.woff2") format("woff2-variations"),url("../fonts/variables/Archivo/Archivo.woff2") format("woff2") tech("variations");font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap}@font-face{font-family:"Zalando Sans";src:url("../fonts/variables/Zalando_Sans/Zalando_Sans.woff2") format("woff2-variations"),url("../fonts/variables/Zalando_Sans/Zalando_Sans.woff2") format("woff2") tech("variations");font-weight:200 900;font-stretch:75% 125%;font-style:normal;font-display:swap}@font-face{font-family:"JetBrains Mono";src:url("../fonts/variables/JetBrains_Mono/JetBrains_Mono.woff2") format("woff2-variations"),url("../fonts/variables/JetBrains_Mono/JetBrains_Mono.woff2") format("woff2") tech("variations");font-weight:100 800;font-stretch:normal;font-style:normal;font-display:swap}@font-face{font-family:"Trebuchet MS";src:url("../fonts/static/Trebuchet_MS/Trebuchet_MS-Regular.woff2") format("woff2");font-weight:500;font-stretch:normal;font-style:normal;font-display:swap}@font-face{font-family:"Trebuchet MS";src:url("../fonts/static/Trebuchet_MS/Trebuchet_MS-Bold.woff2") format("woff2");font-weight:700;font-stretch:normal;font-style:normal;font-display:swap}@font-face{font-family:"Trebuchet MS";src:url("../fonts/static/Trebuchet_MS/Trebuchet_MS-Italic-Regular.woff2") format("woff2");font-weight:500;font-stretch:normal;font-style:italic;font-display:swap}@font-face{font-family:"Trebuchet MS";src:url("../fonts/static/Trebuchet_MS/Trebuchet_MS-Italic-Bold.woff2") format("woff2");font-weight:700;font-stretch:normal;font-style:italic;font-display:swap}@font-face{font-family:"Noto Sans Tagalog";src:url("../fonts/static/Noto_Sans_Tagalog/Noto_Sans_Tagalog-Regular.woff2") format("woff2");font-weight:500;font-stretch:normal;font-style:normal;font-display:swap}@font-face{font-family:"MS Pixel Serif";src:url("../fonts/static/MS_Pixel_Serif/MS_Pixel_Serif-Regular.woff2") format("woff2");font-weight:500;font-stretch:normal;font-style:normal;font-display:swap}@font-face{font-family:"MS Pixel Serif";src:url("../fonts/static/MS_Pixel_Serif/MS_Pixel_Serif-Bold.woff2") format("woff2");font-weight:700;font-stretch:normal;font-style:normal;font-display:swap}@font-face{font-family:"Candy Beans";src:url("../fonts/static/Candy_Beans/Candy_Beans-Regular.woff2") format("woff2");font-weight:500;font-stretch:normal;font-style:normal;font-display:swap}:root{--clr-palettes-primary: hsl(240, 100%, 65%);--clr-palettes-secondary: hsl(89, 96%, 63%);--clr-palettes-tertiary: hsl(42, 100%, 53%);--clr-palettes-quaternary: hsl(357, 94%, 60%);--clr-palettes-primary--contrast: #ffffff;--clr-palettes-secondary--contrast: #000000;--clr-palettes-tertiary--contrast: #000000;--clr-palettes-quaternary--contrast: #ffffff;--clr-palettes-secondary--shadow: hsla(89, 96%, 63%, 0.75);--clr-palettes-quaternary--shadow: hsla(357, 94%, 60%, 0.75);--clr-components-wallpaper: hsl(252, 14%, 21%);--clr-components-page: hsl(0, 3%, 10%);--clr-components-bento: hsl(0, 0%, 5%);--clr-components-gridline: hsla(0, 0%, 0%, 0.5);--clr-profile-header-banner-domain: hsl(240, 100%, 65%);--clr-profile-header-banner-domain--contrast: #ffffff;--clr-profile-header-banner-domain--selection: black;--clr-profile-header-banner-year: hsl(89, 96%, 63%);--clr-profile-header-banner-year--contrast: #000000;--clr-profile-account-status-title: hsl(42, 100%, 53%);--clr-profile-account-status-title--contrast: #000000;--clr-profile-account-triviapad: beige;--clr-profile-account-triviapad--contrast: #000000;--clr-profile-account-triviapad-title: hsl(240, 100%, 65%);--clr-profile-account-triviapad-title--contrast: #ffffff;--clr-profile-gallery-unseen-baybayin: azure;--clr-profile-gallery-unseen-baybayin--contrast: #000000;--clr-profile-gallery-watchmen: black;--clr-interests-captionbar: hsl(240, 100%, 65%);--clr-interests-captionbar--grad-start: hsl(240, 100%, 63.7%);--clr-interests-captionbar--grad-end: hsl(240, 80%, 52%);--clr-interests-captionbar--blocks-1: hsl(240, 100%, 65%);--clr-interests-captionbar--blocks-2: hsl(89, 96%, 63%);--clr-interests-captionbar--blocks-3: hsl(357, 94%, 60%);--clr-interests-captionbar--border: black;--clr-interests-title: hsl(240, 65%, 38%);--clr-interests-title--grad-point-1: hsl(240, 100%, 62%);--clr-interests-title--grad-point-2: hsl(240, 65%, 36%);--clr-interests-title--grad-point-3: hsl(240, 65%, 45%);--clr-interests-title--grad-point-4: hsl(240, 65%, 25%);--clr-interests-title--border: hsl(227, 67%, 10%);--clr-interests-title--shadow: black;--clr-interests-title--selection: black;--clr-interests-catalog: hsl(255, 5%, 17%);--clr-interests-catalog--border: black;--clr-interests-catalog--scrollbar-thumb: hsl(255, 4.5%, 33.6%);--clr-interests-catalog--scrollbar-track: hsla(0, 0%, 0%, 0.5);--clr-interests-gallery-debugmode: hsl(230, 100%, 42%)}body{display:grid;justify-content:center;grid-template-columns:auto min-content;grid-template-rows:min-content;grid-template-areas:"flavory-sidebar flavory-about";gap:5px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--clr-components-wallpaper) center/cover no-repeat fixed;background-image:url(../images/backgrounds/locker.avif);background-blend-mode:color-burn;margin-block:.5cm}@media screen and (width <= 845px){body{min-width:845px}}body .sidebar{grid-area:flavory-sidebar;position:sticky;top:0}body .about{display:grid;grid-template-columns:repeat(2, 445px);grid-template-rows:auto 1fr;grid-template-areas:"about-profile about-information" "about-interests .";grid-area:flavory-about;gap:10px 15px;background-color:var(--clr-components-page);box-shadow:5px 5px 0px 0px var(--clr-palettes-secondary--shadow);padding:20px}body .about>*{background-color:rgba(0,0,0,0);border-radius:0px}@supports(content-visibility: auto) and (overflow-clip-margin: 5px){body .about>*{content-visibility:auto;overflow-clip-margin:5px}}@media screen and (width <= 1305px){body .about{grid-template-columns:445px;grid-template-rows:1fr;grid-template-areas:"about-profile" "about-information" "about-interests";gap:10px}}body .about .profile{display:grid;grid-template-columns:150px 1fr;grid-template-rows:90px 350px 44px;grid-template-areas:"profile-header profile-header" "profile-account profile-autobiography" "profile-gallery profile-gallery";grid-area:about-profile;gap:10px}body .about .profile .header{display:grid;grid-template-columns:1fr 90px;grid-template-rows:90px;grid-area:profile-header;gap:10px}body .about .profile .header>*{background-color:rgb(5%,5%,5%);border-radius:5px}body .about .profile .header__banner{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-template-areas:"banner-domain banner-barstuff" "banner-title banner-year";gap:0px 15px;background:var(--clr-components-gridline) 35%/180% no-repeat local;background-image:url(../images/backgrounds/grids.avif);background-blend-mode:color-burn;position:relative;height:100%;padding:8px}@media(prefers-reduced-transparency: reduce){body .about .profile .header__banner{--clr-components-gridline: hsla(0, 0%, 0%, 0.3)}}body .about .profile .header__banner-domain{grid-area:banner-domain;font-family:"Archivo",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:.7rem;font-weight:900;font-stretch:ultra-expanded;color:var(--clr-profile-header-banner-domain--contrast);background-color:var(--clr-profile-header-banner-domain);width:fit-content;height:fit-content;position:relative;padding:3px 8px;margin-left:8px}body .about .profile .header__banner-domain::selection{color:var(--clr-profile-header-banner-domain--selection);background-color:rgba(0,0,0,0)}body .about .profile .header__banner-domain::before{content:" ";background-color:inherit;width:5px;position:absolute;top:0;left:-8px;padding-block:3px}body .about .profile .header__banner-title{--anim-header-banner-title: none;display:grid;align-self:flex-end;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-area:banner-title}body .about .profile .header__banner-title:hover{--anim-header-banner-title: bouncing 0.5s cubic-bezier(0.45, 0, 0.55, 1) infinite normal none}@media(prefers-reduced-motion: reduce){body .about .profile .header__banner-title{--anim-header-banner-title: none}}body .about .profile .header__banner-title bby-char{display:inline-block;animation:var(--anim-header-banner-title)}body .about .profile .header__banner-title bby-char:nth-child(1){animation-delay:100ms}body .about .profile .header__banner-title bby-char:nth-child(2){animation-delay:200ms}body .about .profile .header__banner-title bby-char:nth-child(3){animation-delay:300ms}body .about .profile .header__banner-title bby-char:nth-child(4){animation-delay:400ms}body .about .profile .header__banner-title bby-char:nth-child(5){animation-delay:500ms}body .about .profile .header__banner-title bby-char:nth-child(6){animation-delay:600ms}body .about .profile .header__banner-title-baybayin{font-family:"Noto Sans Tagalog",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:.85rem;font-display:block}body .about .profile .header__banner-title-latin{font-family:"Archivo",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:1.65rem;font-weight:900;font-stretch:expanded}@supports(text-box: inherit){body .about .profile .header__banner-title-latin{text-box:trim-end cap alphabetic}}body .about .profile .header__banner-year{-webkit-user-select:none;user-select:none;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-area:banner-year;width:fit-content;height:fit-content;margin-top:auto;margin-left:auto}body .about .profile .header__banner-year year-num{display:block;font-family:"Archivo";font-size:1rem;font-weight:900;font-stretch:ultra-expanded;text-align:center;padding-inline:3px}body .about .profile .header__banner-year year-num:nth-last-child(1){color:var(--clr-profile-header-banner-year--contrast);background-color:var(--clr-profile-header-banner-year)}body .about .profile .header__banner-barstuff{-webkit-user-select:none;user-select:none;grid-area:banner-barstuff;image-rendering:pixelated}body .about .profile .header__sonic{background:var(--clr-components-bento) center/cover no-repeat scroll;background-image:url(../images/decorations/x17_dance.gif)}@keyframes bouncing{0%,100%{transform:translate(0px, 0px)}50%{transform:translate(0px, -5px)}}body .about .profile .account{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:150px 50px 130px;grid-template-areas:"account-avatar account-avatar" "account-status account-status" "account-triviapad account-vending";grid-area:profile-account;gap:10px}body .about .profile .account>*{background-color:rgb(5%,5%,5%);border-radius:5px}body .about .profile .account__avatar{grid-area:account-avatar;image-rendering:smooth}body .about .profile .account__status{display:flex;flex-direction:column;grid-area:account-status}body .about .profile .account__status-title{font-family:"Archivo",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:.9rem;font-weight:870;font-stretch:semi-expanded;text-align:center;text-transform:uppercase;color:var(--clr-profile-account-status-title--contrast);background-color:var(--clr-profile-account-status-title);border-radius:3px 3px 0px 0px;width:100%;padding:1px 5px}body .about .profile .account__status-title::before,body .about .profile .account__status-title::after{content:"⚠"}body .about .profile .account__status-title::before{margin-right:5px}body .about .profile .account__status-title::after{margin-left:5px}body .about .profile .account__status-desc{font-family:"Trebuchet MS","Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:.7rem;font-weight:bolder;text-align:center;margin-block:auto}body .about .profile .account__triviapad{display:flex;flex-direction:column;grid-area:account-triviapad;background-color:var(--clr-profile-account-triviapad);border-radius:10px 10px 5px 5px}body .about .profile .account__triviapad-title{font-family:"Archivo",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:.95rem;font-weight:800;font-stretch:semi-condensed;text-align:center;text-transform:uppercase;color:var(--clr-profile-account-triviapad-title--contrast);background-color:var(--clr-profile-account-triviapad-title);border-radius:5px 5px 0px 0px;padding:2.8px 5px}body .about .profile .account__triviapad-desc{font-family:"Trebuchet MS" "Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:.5rem;font-weight:bolder;text-align:start;color:var(--clr-profile-account-triviapad--contrast);padding:2px 2px 5px 5px;margin:4px 4px inherit inherit}body .about .profile .account__triviapad-sonic{-webkit-user-select:none;user-select:none;align-self:center;image-rendering:pixelated;width:fit-content;margin-block:auto}body .about .profile .account__vending{grid-area:account-vending;background:var(--clr-components-bento) center/cover no-repeat scroll;background-image:url("https://preview.redd.it/vending-machine-in-japan-that-i-shot-with-nintendo-3ds-v0-ollf4zfqrihg1.jpeg?auto=webp&s=fc92656a5ff728645111d9577b24e4d64c9e1fb6");image-rendering:smooth}body .about .profile .autobiography{grid-area:profile-autobiography;background-color:var(--clr-components-bento);box-shadow:3px 3px 0px 0px var(--clr-palettes-quaternary--shadow);padding:8px}body .about .profile .gallery{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:44px;grid-area:profile-gallery;gap:10px}body .about .profile .gallery>*{background-color:rgb(5%,5%,5%);border-radius:5px}body .about .profile .gallery__unseen{-webkit-user-select:none;user-select:none;background:var(--clr-components-bento) center 25%/100% no-repeat scroll;background-image:url("https://i.kym-cdn.com/photos/images/original/003/171/650/073.jpeg");animation:windy-sway 10s cubic-bezier(0.37, 0, 0.63, 1) infinite alternate;position:relative;padding:1px 3px}@media(prefers-reduced-motion: reduce){body .about .profile .gallery__unseen{animation-duration:25s}}body .about .profile .gallery__unseen-baybayin{font-family:"Noto Sans Tagalog",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--clr-profile-gallery-unseen-baybayin);position:absolute}body .about .profile .gallery__unseen-baybayin--small{font-size:.875rem;text-shadow:1px 1px 0px var(--clr-profile-gallery-unseen-baybayin--contrast)}body .about .profile .gallery__unseen-baybayin--big{font-size:1.5625rem;text-shadow:2px 2px 0px var(--clr-profile-gallery-unseen-baybayin--contrast);right:3px;bottom:0}body .about .profile .gallery__watchmen{background:#000 center/60% no-repeat scroll;background-image:url(../images/decorations/sprites/watchman.gif);image-rendering:pixelated}@keyframes windy-sway{from{background-position-y:25%}to{background-position-y:55%}}body .about .information{display:grid;grid-template-columns:270px 165px;grid-template-rows:315px;grid-area:about-information;gap:10px}body .about .information .manual{display:flex;flex-direction:column;row-gap:5px;position:relative}body .about .information .gallery{display:grid;grid-template-columns:1fr 50px;grid-template-rows:60px 1fr;grid-template-areas:"gallery-displacement gallery-displacement" "gallery-halls gallery-debugmode";gap:10px}body .about .information .gallery>*{background-color:rgb(5%,5%,5%);border-radius:5px}body .about .information .gallery__debugmode{display:flex;flex-direction:row;align-items:center;justify-content:center;grid-area:gallery-debugmode;background:var(--clr-information-gallery-debugmode) center top/cover no-repeat scroll;background-image:url(../images/decorations/sprites/debugs/bg.gif);image-rendering:pixelated;animation:switch-a-roo 20s linear 0s infinite alternate both}@media(prefers-reduced-motion: reduce){body .about .information .gallery__debugmode{animation-duration:30s}}body .about .information .gallery__debugmode-text{-webkit-user-select:none;user-select:none}body .about .information .gallery__displacement{grid-area:gallery-displacement;background:var(--clr-components-bento) center/cover no-repeat scroll;background-image:url("https://preview.redd.it/photographs-by-mads-peter-iversen-v0-769lmlbz9dgh1.jpg?width=1080&crop=smart&auto=webp&s=2dbef028941ae17ca7d0395b6aedc91171686ddd");image-rendering:smooth}body .about .information .gallery__halls{grid-area:gallery-halls;background:var(--clr-components-bento) center/cover no-repeat scroll;background-image:url("https://i.kym-cdn.com/photos/images/original/002/933/366/2f4.jpg");image-rendering:smooth}@keyframes switch-a-roo{from{background-position:10% top}to{background-position:90% top}}body .about .interests{grid-area:about-interests}body .about .interests__captionbar{display:flex;flex-direction:row;column-gap:3px}body .about .interests__captiontitle{font-family:"Archivo";font-size:1.1rem;font-weight:900;font-stretch:expanded;text-transform:capitalize;background:var(--clr-interests-captionbar);background:linear-gradient(144deg, var(--clr-interests-captionbar--grad-start) 5%, var(--clr-interests-captionbar--grad-end) 95%);border:2px solid var(--clr-interests-captionbar--border);padding:5px 10px;width:100%}body .about .interests__captionblocks{border:2px solid var(--clr-interests-captionbar--border);width:17.5px;height:auto}body .about .interests__captionblocks--palette-1{background-color:var(--clr-interests-captionbar--blocks-1)}body .about .interests__captionblocks--palette-2{background-color:var(--clr-interests-captionbar--blocks-2)}body .about .interests__captionblocks--palette-3{background-color:var(--clr-interests-captionbar--blocks-3)}body .about .interests__inventory{table-layout:fixed;border-collapse:collapse;width:100%}body .about .interests__category{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:1fr;gap:5px;margin-block:3px}body .about .interests__title{display:flex;flex-direction:column;justify-content:flex-end;font-family:"Trebuchet MS","Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:1.15rem;font-weight:bolder;text-shadow:2px 2px 0px var(--clr-interests-title--shadow);background:linear-gradient(180deg, var(--clr-interests-title) 1%, var(--clr-interests-title--grad-point-1) 4%, var(--clr-interests-title--grad-point-1) 5%, var(--clr-interests-title) 10%, var(--clr-interests-title) 30%, var(--clr-interests-title--grad-point-2) 55%, var(--clr-interests-title--grad-point-3) 85%, var(--clr-interests-title--grad-point-4) 95%);border:2px solid var(--clr-interests-title--border);border-top-left-radius:5px;border-bottom-left-radius:5px;padding:3px 8px}body .about .interests__title-latin{font-style:italic}body .about .interests__title-baybayin{font-family:"Noto Sans Tagalog",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:.6rem}body .about .interests__catalog{font-family:"Candy Beans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:.85rem;line-height:1.4;background-color:var(--clr-interests-catalog);border:2px solid var(--clr-interests-catalog--border)}body .about .interests__catalog:not(:lang(en)){line-height:normal}body .about .interests__catalog-list{--clr-scrollbar-thumb: var(--clr-interests-catalog--scrollbar-thumb);--clr-scrollbar-track: var(--clr-interests-catalog--scrollbar-track);display:block;outline:none;overflow-y:scroll;scrollbar-width:thin;scrollbar-color:var(--clr-scrollbar-thumb) var(--clr-scrollbar-track);height:1.7cm;padding:5px 8px}body .about .interests__catalog-list:focus-visible{--clr-scrollbar-thumb: hsl(255, 4.05%, 56.84%)}body .about .interests__catalog-list::-webkit-scrollbar{width:6px}body .about .interests__catalog-list::-webkit-scrollbar-track{background:var(--clr-scrollbar-track)}body .about .interests__catalog-list::-webkit-scrollbar-thumb{background:var(--clr-scrollbar-thumb);border-radius:4px}/*# sourceMappingURL=about.css.map */
