@charset "UTF-8";html{background-color:#161616;color:#fff}html.light{background-color:#f9f9f9;color:#000}body{margin:0;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100%}#view{padding:2rem 0 4rem;margin:0 auto;width:min(100% - 2rem,1000px)}div.container{margin-bottom:5em}html{--gradient: linear-gradient(90deg, rgb(255, 153, 0), rgb(252, 130, 8), rgb(249, 107, 16), rgb(246, 85, 23), rgb(243, 62, 31), rgb(240, 39, 39), rgb(231, 35, 68), rgb(221, 32, 97), rgb(212, 28, 127), rgb(203, 24, 156), rgb(193, 21, 185), rgb(184, 17, 214))}h1,h3,a{background-image:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes animateGradient{0%{background-position:left}to{background-position:right}}h1{font-size:4em;text-align:center;background-size:200%;animation:animateGradient linear infinite alternate 10s}h3{font-size:1.5em;margin:12px 0;color:inherit;transition:color 1s}a{font-size:1.1em;font-weight:600;background-size:500%;transition:background-position 1s}a:hover{background-position:right}img{border-radius:8px;max-width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;color:#ff002b}#top-bar{position:absolute;width:min(100% - 2rem,1000px)}#top-bar button{font-size:30px;padding:0;cursor:pointer;background:none;border:none;outline:none}#top-bar #home{position:absolute;cursor:pointer}#top-bar #theme-switcher{position:relative;left:calc(100% - 3.3rem)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background-color:#333}::-webkit-scrollbar-thumb{background-color:#555}::-webkit-scrollbar-thumb:hover{background-color:#5e5e5e}html.light ::-webkit-scrollbar-track{background-color:#c2c2c2}html.light ::-webkit-scrollbar-thumb{background-color:#878787}html.light ::-webkit-scrollbar-thumb:hover{background-color:#727272}.home li{padding:2px 0 0 20px;list-style-type:"🔗"}#projects{display:grid;justify-content:center;grid-template-columns:repeat(6,1fr);gap:25px;margin-bottom:0}@media(max-width:40rem){#projects{grid-template-columns:1fr}#projects>div{grid-column:span 1!important}}#projects img{width:100%;height:200px;object-fit:cover}#projects img.top{object-position:top left}#projects>div:first-child{grid-column:span 4}#projects>div:nth-child(2){grid-column:span 2}#projects>div{grid-column:span 3;width:fit-content;margin:0;padding:10px 10px 0;border-radius:18px;border:2px solid;border-color:#727272;cursor:pointer;transition:all .5s}#projects>div:hover{margin:-8px;padding:18px 18px 8px;border-radius:26px}#projects>div:hover h3{color:transparent}#music{margin-top:64px}#music #listening-now{display:inline-block;animation:jump 2s ease-in-out infinite}@keyframes jump{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}#tech{font-weight:500}#seen-on{font-style:italic;font-size:.9rem}#seen-on a{color:inherit;background:none;text-decoration:none;font-weight:400}html.light #tech{position:relative;margin-left:4px;color:#fff}html.light #tech:before{content:"";position:absolute;width:100%;height:100%;z-index:-50;left:-6px;padding:2px 6px;transform:skew(-10deg);background-color:#494949;border-radius:4px}html.light #projects div{border-color:#cecece}.egw #buttons{text-align:center;margin:2rem}.egw #buttons a{padding:8px 16px;margin:5px;background-clip:border-box;background-size:300%;border-radius:8px;color:inherit;text-decoration:none}.egw td{padding:5px 20px 5px 0;border-top:1px solid #777777}
