.socials-chips{border-radius:var(--radius-out);flex-wrap:wrap;justify-content:center;gap:.2rem;max-width:80vw;padding:2.5rem 1rem 0;display:flex}.socials-chip{border-radius:var(--radius-out);font-size:.95rem;font-family:var(--font-family);white-space:nowrap;border:none;align-items:center;gap:.55rem;padding:.6rem .8rem;font-weight:500;text-decoration:none;transition:all .2s,font-variation-settings .4s;display:inline-flex}.socials-chip i{text-align:center;width:1.15rem;font-size:1.15rem}.socials-chip[data-social=github],.socials-chip[data-social=twitter]{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000);background:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff)}.socials-chip[data-social=email]{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1a1a1a);background:var(--lightningcss-light,#b91c1c)var(--lightningcss-dark,#ffb3ae)}.socials-chip[data-social=linkedin]{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1a1a1a);background:var(--lightningcss-light,#1d4ed8)var(--lightningcss-dark,#a3c4f3)}.socials-chip[data-social=instagram]{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1a1a1a);background:var(--lightningcss-light,#9d174d)var(--lightningcss-dark,#f7b8d1)}.socials-chip[data-social=telegram]{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1a1a1a);background:var(--lightningcss-light,#0369a1)var(--lightningcss-dark,#a9def9)}.socials-chip[data-social=facebook]{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1a1a1a);background:var(--lightningcss-light,#0866ff)var(--lightningcss-dark,#a8c7fa)}.socials-chip[data-social=reddit]{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1a1a1a);background:var(--lightningcss-light,#ff4500)var(--lightningcss-dark,#ffd0b6)}.socials-chip[data-social=discord]{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1a1a1a);background:var(--lightningcss-light,#5865f2)var(--lightningcss-dark,#b4bcf9)}.socials-chip[data-social=youtube]{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1a1a1a);background:var(--lightningcss-light,red)var(--lightningcss-dark,#ffb2b2)}@media (min-width:769px){.socials-chip:hover{filter:brightness(.88);padding:.6rem 1rem;font-weight:900}}
#photo{background-color:var(--background-color-secondary);border-radius:var(--radius-out);background-position:50%;background-size:cover;width:15em;height:15em;margin:3em;transition:all .5s ease-in-out;animation:20s infinite photos}#photo:hover{border-radius:var(--radius-in);animation-play-state:paused;scale:1.2}@keyframes photos{0%{background-image:url(/assets/img/photos/sameerasw-1.jpeg)}15%{background-image:url(/assets/img/photos/sameerasw-1.jpeg)}20%{background-image:url(/assets/img/photos/sameerasw-2.jpeg)}35%{background-image:url(/assets/img/photos/sameerasw-2.jpeg)}40%{background-image:url(/assets/img/photos/sameerasw-3.jpeg)}55%{background-image:url(/assets/img/photos/sameerasw-3.jpeg)}60%{background-image:url(/assets/img/photos/sameerasw-4.jpeg)}75%{background-image:url(/assets/img/photos/sameerasw-4.jpeg)}80%{background-image:url(/assets/img/photos/sameerasw-5.jpeg)}95%{background-image:url(/assets/img/photos/sameerasw-5.jpeg)}to{background-image:url(/assets/img/photos/sameerasw-1.jpeg)}}
#highlights{border-radius:var(--radius-out);flex-direction:column;gap:2px;width:60vw;max-width:900px;margin:2em auto;display:flex;overflow:hidden}.highlight-item{background-color:var(--background-color-tr);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));border-radius:5px;flex-direction:row;align-items:center;padding:8px;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.highlight-thumbnail{background-position:50%;background-size:cover;border:1px solid #ffffff1a;border-radius:12px;flex-shrink:0;width:160px;height:120px;margin-right:15px}.highlight-content{text-align:left;flex-direction:column;flex-grow:1;justify-content:center;display:flex}.highlight-item h3{color:var(--text-color);font-variation-settings:"wdth" 350;margin:0;padding:0;font-size:1.45rem;font-weight:600;line-height:1.2;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:#0000!important}.highlight-description{color:var(--text-color);opacity:.7;margin:0;padding:0;line-height:1.3;background-color:#0000!important;margin-top:4px!important;font-size:1.1rem!important}#airsync .highlight-thumbnail{background-image:url(/assets/img/project-cards/airsync.jpeg)}#essentials .highlight-thumbnail{background-image:url(/assets/img/project-cards/essentials.jpeg)}#zen-t .highlight-thumbnail{background-image:url(/assets/img/project-cards/zen.jpeg)}#edc .highlight-thumbnail{background-image:url(/assets/img/project-cards/edc.jpeg)}#macos .highlight-thumbnail{background-image:url(/assets/img/project-cards/mac.jpeg)}#canvas .highlight-thumbnail{background-image:url(/assets/img/project-cards/canvas.jpeg)}#tasks .highlight-thumbnail{background-image:url(/assets/img/project-cards/tasks.jpeg)}#zero .highlight-thumbnail{background-image:url(/assets/img/project-cards/zero.jpeg)}#pixel .highlight-thumbnail{background-image:url(/assets/img/project-cards/pixel.jpeg)}#watchfaces .highlight-thumbnail{background-image:url(/assets/img/project-cards/watchfaces.jpeg)}#foldericons .highlight-thumbnail{background-image:url(/assets/img/project-cards/folder.jpeg)}#tidwib .highlight-thumbnail{background-image:url(/assets/img/project-cards/tidwib.jpeg)}#more-github .highlight-thumbnail{background-image:url(/assets/img/project-cards/github.jpeg)}#website .highlight-thumbnail{background-image:url(/assets/img/project-cards/website.jpeg)}#macro .highlight-thumbnail{background-image:url(/assets/img/project-cards/keyboard.jpeg)}#menubar .highlight-thumbnail{background-image:url(/assets/img/project-cards/menubar.jpeg)}.highlight-item:hover{background-color:var(--primary-color);z-index:2;border-radius:15px;transform:scale(1.02)}.highlight-item:hover h3,.highlight-item:hover .highlight-description{color:var(--background-color-primary);opacity:1}@media screen and (max-width:1000px){#highlights{width:85vw}}@media screen and (max-width:600px){#highlights{border-radius:var(--radius-out);width:90vw}.highlight-thumbnail{width:60px;height:60px}.highlight-item h3{font-size:1rem}}.highlight-extras{grid-template-rows:0fr;width:100%;transition:grid-template-rows .45s cubic-bezier(.4,0,.2,1);display:grid}.highlight-extras>*{overflow:hidden}.highlight-extras.expanded{grid-template-rows:1fr}.highlight-extras-inner{flex-direction:column;gap:2px;display:flex;overflow:hidden}.highlight-toggle{align-items:left;background-color:var(--background-color-tr);width:100%;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));color:var(--text-color);font-family:var(--font-family);font-variation-settings:"ROND" 100;cursor:none;border:none;border-radius:5px;justify-content:start;gap:6px;padding:12px 16px;font-size:1rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}@media screen and (min-width:500px){.highlight-toggle:hover{background-color:var(--primary-color);color:var(--background-color-primary);border-radius:15px;transform:scale(1.02)}}.highlight-toggle-icon{transition:transform .35s cubic-bezier(.4,0,.2,1);font-size:1.4rem!important}.highlight-toggle-icon.rotated{transform:rotate(180deg)}
form{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:stretch;gap:8px;width:100%;max-width:600px;margin:2em auto;display:flex}form input,form textarea{border:.1em solid var(--text-color);background-color:var(--background-color-secondary);width:100%;color:var(--text-color);border-radius:var(--radius-in);box-sizing:border-box;padding:1.2em 1.5em;font-family:inherit;font-size:1rem;transition:all .3s ease-in-out}form input:focus,form textarea:focus{border-color:var(--primary-color);background-color:var(--background-color-primary);outline:none}@media screen and (min-width:500px){form input:hover,form textarea:hover{border-color:var(--primary-color)}}form textarea{resize:vertical;min-height:150px}form button#btn{background-color:var(--primary-color);color:var(--background-color-secondary);border:.1em solid var(--primary-color);border-radius:var(--radius-in);box-sizing:border-box;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:.5em;padding:1.2em 1.5em;font-family:inherit;font-size:1rem;font-weight:600;transition:all .3s ease-in-out;display:flex;cursor:pointer!important}@media screen and (min-width:500px){form button#btn:hover{background-color:var(--background-color-secondary);color:var(--primary-color)}}.contact-actions{flex-direction:column;gap:8px;width:100%;max-width:600px;margin:1em auto 20em;display:flex}#resume,#email-btn{box-sizing:border-box;width:100%;text-decoration:none;display:block;cursor:none!important}#resume .button-view,#email-btn{border:.1em solid var(--text-color);background-color:var(--background-color-secondary);width:100%;color:var(--text-color);border-radius:var(--radius-in);box-sizing:border-box;text-align:center;cursor:pointer;justify-content:center;align-items:center;margin:0;padding:1.2em 1.5em;font-size:1rem;transition:all .3s ease-in-out;display:flex;cursor:none!important}#email-btn a{color:inherit;justify-content:center;align-items:center;width:100%;text-decoration:none;display:flex}#email-btn a span{margin:0}#email-btn a{gap:8px}#resume .button-view:hover,#email-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background-color:var(--background-color-primary)}#contact{margin-bottom:0}.social-banners{flex-direction:column;gap:10px;width:100%;max-width:600px;margin:0 auto 1.5em;display:flex}.social-banner-link{border-radius:var(--radius-in);width:100%;text-decoration:none;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s,opacity .3s;display:block;overflow:hidden}@media screen and (min-width:500px){.social-banner-link:hover{opacity:.92;transform:scale(1.02);box-shadow:0 8px 28px #00000038}}.social-banner-img{border-radius:var(--radius-in);object-fit:cover;width:100%;height:auto;display:block}
@keyframes bar-pulse{0%,to{height:4px}50%{height:16px}}#music{text-decoration:none}#last{color:var(--text-color);border-radius:var(--radius-out);border:1px solid var(--text-color);text-align:left;z-index:10;opacity:0;visibility:hidden;flex-direction:column;align-items:start;width:fit-content;margin:40px 20px;padding:6px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}#last #playback-bars{align-items:center;gap:2px;height:30px;margin:0 30px;display:flex}#last #playback-bars .bar{background-color:var(--primary-color);border-radius:2px;width:3px;height:4px;animation:.8s ease-in-out infinite bar-pulse}#last #playback-bars .bar:nth-child(2){animation-delay:-.2s}#last #playback-bars .bar:nth-child(3){animation-delay:-.4s}#last #music-holder{flex-direction:row;justify-content:center;align-items:center;display:flex}#last.show{opacity:1;visibility:visible}#last img,#last a{object-fit:cover;border-radius:12px;width:80px;height:80px;margin-right:10px}#last #track{flex-direction:column;flex-grow:1;justify-content:center;display:flex}#last #track strong{color:var(--primary-color)}#last #track p{margin:0;font-size:14px}#last #track p:first-child{font-weight:700}
.github-chips-row{color:var(--text-color);box-sizing:border-box;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;width:fit-content;max-width:90vw;padding:12px 20px 8px;text-decoration:none;display:flex}.gh-chip{border:1px solid color-mix(in srgb,var(--text-color)30%,transparent);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:5px 5px 5px 10px;font-size:13px;transition:border-color .22s,background .22s,padding .22s;display:inline-flex;overflow:hidden}.gh-chip:hover{border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color)10%,var(--background-color-secondary))}.gh-chip-icon{color:var(--primary-color);flex-shrink:0;font-size:15px!important}.gh-chip-value{font-size:13px;font-weight:600}.gh-chip-label{opacity:0;max-width:0;color:var(--primary-color);text-transform:uppercase;letter-spacing:.05em;margin-left:0;font-size:11px;transition:opacity .22s,max-width .22s,margin-left .22s;overflow:hidden}.gh-chip:hover .gh-chip-label{opacity:.75;max-width:80px;margin-left:2px}.gh-chip-streak .gh-chip-streak-text{align-items:center;gap:6px;display:flex}.gh-streak-current{font-size:13px;font-weight:600}.gh-streak-best{opacity:0;max-width:0;color:var(--primary-color);font-size:11px;transition:opacity .22s,max-width .22s;overflow:hidden}.gh-chip-streak:hover .gh-streak-best{opacity:.75;max-width:80px}.gh-chip-langs{gap:6px}.gh-langs-inner{align-items:center;gap:4px;display:flex}.gh-lang-tag{border:1px solid color-mix(in srgb,var(--text-color)25%,transparent);background:color-mix(in srgb,var(--primary-color)16%,transparent);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:11px}