@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";:root{--surface:#f8f8f8;--on-surface:#302b2b;--on-surface-variant:#958f8f;--selection:#fde050;--on-selection:#302b2b;--transparent-line:#0000002a}[data-theme=dark]{--surface:#181818;--on-surface:#d6d3cd;--on-surface-variant:#666;--selection:#fde050;--on-selection:#302b2b;--transparent-line:#ffffff1a}::-moz-selection{background-color:var(--selection);color:var(--on-selection)}::selection{background-color:var(--selection);color:var(--on-selection)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface-container)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}*{margin:0;padding:0;box-sizing:border-box;font-family:Nunito,sans-serif;font-size:1rem}body,html{transition:background-color .5s ease,color .5s ease;transition:color .5s ease,color .5s ease}html{color:var(--on-surface);background-color:var(--surface)}body{width:320px;height:100vh;margin:0 auto;flex-direction:column;color:var(--on-surface);background-color:var(--surface);overflow-x:hidden}body,main{display:flex;align-items:center}main{flex:1;flex-direction:column;flex-wrap:wrap;gap:1rem}button{height:auto;width:auto;border:none;background-color:transparent}a{color:var(--on-surface)}ul{list-style-type:none}li{margin:.5rem 0}footer{margin-top:96px}section#about,section#work{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center}section#about{text-align:center}section#links{display:flex;flex-direction:row;gap:.5rem}section#work{gap:.5rem}section#work>div{display:flex;flex-direction:column;gap:.5rem}.comment{color:var(--on-surface-variant)}.avatar{height:96px;width:96px;border-radius:8px;filter:opacity(.3)}.icon{height:24px;width:24px}[data-theme=dark] .icon-filter{filter:invert(1)}.theme-icon{position:fixed;top:0;right:0;margin:1rem}.theme-icon:hover{cursor:pointer}.work-item{border-bottom:1px solid var(--transparent-line);padding:.5rem 0}.work-item:last-child{border-bottom:none}.unselectable{-webkit-user-select:none;-moz-user-select:none;user-select:none}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}