@import"https://fonts.googleapis.com/css2?family=Inter:wght@300&display=swap";.theme-light{--background: #f8f8f8;--color: #181818;--shadow: rgba(0, 0, 0, .5)}:root{--font-family: Inter, Helvetica, Arial, sans-serif;--font-size: 18px;--font-weight: 300}html,body,#root{margin:0;background-color:var(--background)!important;color:var(--color);font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);width:100%}*{box-sizing:border-box}.notbutton{display:inline-flex;align-items:center;gap:8px;border:none;background:transparent;font-family:var(--font);font-size:16px;font-weight:var(--fnt-regular);text-align:left;padding:0;margin:0;cursor:pointer;color:inherit}a,.link{color:#0085ff;text-decoration:none}a:hover,.link:hover{text-decoration:underline}p{margin:0}.paragraph{max-width:500px}.title{font-size:56px;letter-spacing:-2px}.subtitle{font-size:24px}.heading{margin-bottom:12px}.heading:not(:first-child){margin-top:48px}.jsb{display:flex;justify-content:space-between;align-items:center}svg,.half{opacity:.5}.header{display:flex;justify-content:space-between;align-items:center;padding:24px 48px}.page{padding:0 48px 24px;overflow-x:hidden;min-height:calc(100vh - 153px)}.footer{display:flex;padding:8px 48px;background-color:var(--shadow);color:var(--background)}.list{display:grid;gap:24px;width:max-content;grid-auto-flow:column}.list.wrap{grid-auto-flow:initial;grid-template-columns:repeat(auto-fill,minmax(512px,1fr));max-width:calc(100vw - 48px);width:100%}.list>*{flex:1;width:512px}@media only screen and (max-width: 1650px){.list.projects,.list.screenshots,.list.categories{grid-auto-flow:initial}.list:not(.wrap)>*:nth-child(4){opacity:1}.page{padding:0 24px 24px}}.list.photography .photo{height:512px;background-size:cover;background-position:center;position:relative}.list.photography .photo .details{position:absolute;bottom:0;width:100%;padding:8px 16px;display:flex;justify-content:space-between;align-items:center;background-color:var(--shadow);color:#fff}.list.photography .photo .details .date{opacity:.5;font-size:12px}.list.photography .photo .length{position:absolute;bottom:16px;right:16px;text-shadow:0 0 10px var(--shadow);color:#fff}.list.photography.wrap .photo{max-width:calc(100vw - 48px);width:512px;height:512px}.list.photography.album .photo{height:auto}.list.projects,.list.categories{gap:48px}.list.projects>*,.list.categories>*{max-width:488px;width:calc(100vw - 96px);height:100%;display:flex;gap:16px}.list.projects img{background-color:#181818;object-fit:contain;padding:16px;width:128px;height:128px}.list.projects div,.list.categories div{display:flex;flex-direction:column;height:128px;gap:4px;padding:6px 0}.list.projects .description{white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow-y:hidden}.list.categories img{object-fit:cover;width:96px;height:96px}.list.categories div{height:96px}.list.screenshots>*{max-width:512px;max-height:352px;width:100%;box-shadow:0 0 4px #00000026}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.photography.album .column{display:flex;flex-direction:column;gap:24px}.album .jsb{margin-bottom:48px}.album .heading{margin-bottom:0}.album .jsb div:nth-child(2){text-align:right}.album .reedits{margin-top:4px;opacity:.5;color:purple}