:root{--cw-accent:var(--primary-color);--cw-muted:#99a0a6d9;--cw-bg:transparent;--cw-radius:8px}.contact-widget{--cw-gap:1rem;--cw-scale:2;text-align:center;margin-bottom:2em;font-family:inherit;display:block}.cw-hint{color:var(--cw-muted);opacity:0;min-height:1.2rem;font-size:.95rem;transition:opacity .3s;display:block}.cw-hint.visible{opacity:1}.cw-email{font-size:calc(1.05rem*var(--cw-scale));align-items:center;gap:0;margin:0;padding:.35rem 0;font-weight:700;line-height:1;transition:color .2s,opacity .2s,transform .2s;display:inline-flex}.cw-part{color:var(--cw-accent);opacity:1;white-space:pre;align-items:center;transition:opacity .18s,color .18s,transform .18s;display:inline-flex}.cw-domain-label{align-items:center;gap:0;display:inline-flex}.cw-domain-dot{transition:opacity .3s}.cw-mode-twitter .cw-domain-dot,.cw-mode-instagram .cw-domain-dot{font-size:0}.cw-mode-twitter .cw-domain-dot:after,.cw-mode-instagram .cw-domain-dot:after{content:"dot";font-size:calc(1.05rem*var(--cw-scale))}.cw-mode-twitter .cw-dot-char,.cw-mode-instagram .cw-dot-char{opacity:0}.cw-mode-twitter .cw-dot-text,.cw-mode-instagram .cw-dot-text{opacity:1}.cw-controls{background:0 0;justify-content:center;gap:0;width:fit-content;margin:1rem auto 0;display:flex;overflow:hidden}.cw-btn{border:none;border:1px solid var(--cw-muted);color:var(--cw-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:0;align-items:center;gap:0;height:2.5rem;padding:.5rem;font-size:1.1rem;font-weight:500;transition:background-color .18s,color .18s,box-shadow .12s;display:inline-flex}.cw-btn i{flex-shrink:0;font-size:1.25rem}.cw-btn span{opacity:0;white-space:nowrap;max-width:0;margin-left:0;transition:opacity .3s,max-width .3s,margin-left .3s;overflow:hidden}@media (hover:hover) and (pointer:fine){.cw-btn:hover{color:var(--cw-accent);border-color:var(--cw-accent);background-color:#0000;border-radius:12px}.cw-btn:hover span{opacity:1;max-width:100px;margin-left:.5rem}.cw-btn:hover+.cw-btn{border-top-left-radius:12px;border-bottom-left-radius:12px}.cw-btn:has(+.cw-btn:hover){border-top-right-radius:12px;border-bottom-right-radius:12px}.cw-btn:first-child:hover,.cw-btn:last-child:hover{border-radius:12px}}.cw-btn:first-child{border-radius:20px 0 0 20px}.cw-btn:last-child{border-radius:0 20px 20px 0}.cw-btn:focus{color:var(--cw-accent);border-color:var(--cw-accent);outline:none}.cw-btn.cw-selected{background:var(--cw-accent);color:var(--background-color-primary,white);border-color:var(--cw-accent)}.cw-mode-all .cw-part{opacity:1;color:var(--cw-accent)}.cw-mode-domain .cw-local,.cw-mode-domain .cw-at{opacity:.25;color:var(--cw-muted);transform:none}.cw-mode-domain .cw-domain-first,.cw-mode-domain .cw-domain-rest,.cw-mode-domain .cw-domain-dot,.cw-mode-domain .cw-tld{opacity:1;color:var(--cw-accent);transform:translateY(-2px)}.cw-mode-handle .cw-local,.cw-mode-handle .cw-domain-dot,.cw-mode-handle .cw-tld{opacity:.25;color:var(--cw-muted);transform:none}.cw-mode-handle .cw-at,.cw-mode-handle .cw-domain-first,.cw-mode-handle .cw-domain-rest{opacity:1;color:var(--cw-accent);transform:translateY(-2px)}.cw-mode-linkedin .cw-local,.cw-mode-linkedin .cw-domain-dot,.cw-mode-linkedin .cw-tld{opacity:.25;color:var(--cw-muted);transform:none}.cw-mode-linkedin .cw-at,.cw-mode-linkedin .cw-domain-first,.cw-mode-linkedin .cw-domain-rest{opacity:1;color:var(--cw-accent);transform:translateY(-2px)}.cw-mode-telegram .cw-local,.cw-mode-telegram .cw-domain-dot,.cw-mode-telegram .cw-tld{opacity:.25;color:var(--cw-muted);transform:none}.cw-mode-telegram .cw-at,.cw-mode-telegram .cw-domain-first,.cw-mode-telegram .cw-domain-rest{opacity:1;color:var(--cw-accent);transform:translateY(-2px)}.cw-mode-local .cw-local,.cw-mode-local .cw-at,.cw-mode-local .cw-domain-rest,.cw-mode-local .cw-domain-dot,.cw-mode-local .cw-tld{opacity:.25;color:var(--cw-muted);transform:none}.cw-mode-local .cw-domain-first{opacity:1;color:var(--cw-accent);transform:translateY(-2px)}.cw-mode-twitter .cw-local{opacity:.25;color:var(--cw-muted);transform:none}.cw-mode-twitter .cw-at,.cw-mode-twitter .cw-domain-first,.cw-mode-twitter .cw-domain-rest,.cw-mode-twitter .cw-domain-dot,.cw-mode-twitter .cw-tld{opacity:1;color:var(--cw-accent);transform:translateY(-2px)}.cw-mode-instagram .cw-local{opacity:.25;color:var(--cw-muted);transform:none}.cw-mode-instagram .cw-at,.cw-mode-instagram .cw-domain-first,.cw-mode-instagram .cw-domain-rest,.cw-mode-instagram .cw-domain-dot,.cw-mode-instagram .cw-tld{opacity:1;color:var(--cw-accent);transform:translateY(-2px)}.cw-btn:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--cw-accent)18%,transparent);border-radius:8px}.cw-btn.cw-active{background:var(--cw-accent);color:var(--background-color-primary,white);border-color:var(--cw-accent)}.contact-widget-wrapper{justify-content:center;align-items:center;width:100%;margin:4em 0}@media (hover:none) and (pointer:coarse){.cw-email{cursor:pointer;font-size:calc(.9rem*var(--cw-scale));padding:.35rem 0;transition:all .2s}.cw-email:active{opacity:.9;transform:scale(.98)}.cw-mode-twitter .cw-domain-dot:after,.cw-mode-instagram .cw-domain-dot:after{font-size:calc(1.05rem*var(--cw-scale)*.9)}.cw-controls{background:0 0;border-radius:0;gap:0;width:fit-content;padding:0}.cw-btn{flex:initial;border-radius:0;padding:.5rem;transition:all .2s}.cw-btn:first-child{border-radius:20px 0 0 20px}.cw-btn:last-child{border-radius:0 20px 20px 0}.cw-btn.cw-selected{border-radius:12px;box-shadow:0 2px 8px #0000001a}.cw-btn.cw-selected+.cw-btn{border-top-left-radius:12px;border-bottom-left-radius:12px}.cw-btn:has(+.cw-btn.cw-selected){border-top-right-radius:12px;border-bottom-right-radius:12px}.cw-btn:active{transform:scale(.98)}.cw-btn.cw-selected:active{transform:scale(.98);box-shadow:0 1px 4px #00000014}}
#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{grid-template-columns:repeat(3,1fr);gap:.5em;width:70vw;max-width:1200px;margin:2em auto;display:grid}.highlight-item{aspect-ratio:1;border:.15em solid var(--text-color);border-radius:var(--radius-out);background-position:50%;background-size:cover;text-decoration:none;transition:all .35s ease-in-out;position:relative;overflow:hidden}.highlight-item h3{color:#000;margin:0;padding:0;font-size:1.15rem;line-height:1.1;position:relative;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:#0000!important}.highlight-description{color:#333;margin:0;padding:0;line-height:1.2;position:relative;background-color:#0000!important;margin-top:.5em!important;font-size:.85rem!important}.highlight-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-out);background-color:#ffffff4d;margin:10px;padding:.7em 1em;position:absolute;bottom:0;left:0;right:0}#airsync{background-image:url(/assets/img/project-cards/airsync.jpeg)}#essentials{background-image:url(/assets/img/project-cards/essentials.jpeg)}#zen-t{background-image:url(/assets/img/project-cards/zen.jpeg)}#edc{background-image:url(/assets/img/project-cards/edc.jpeg)}#macos{background-image:url(/assets/img/project-cards/mac.jpeg)}#canvas{background-image:url(/assets/img/project-cards/canvas.jpeg)}#tasks{background-image:url(/assets/img/project-cards/tasks.jpeg)}#zero{background-image:url(/assets/img/project-cards/zero.jpeg)}#pixel{background-image:url(/assets/img/project-cards/pixel.jpeg)}#watchfaces{background-image:url(/assets/img/project-cards/watchfaces.jpeg)}#foldericons{background-image:url(/assets/img/project-cards/folder.jpeg)}#tidwib{background-image:url(/assets/img/project-cards/tidwib.jpeg)}#more-github{background-image:url(/assets/img/project-cards/github.jpeg)}#website{background-image:url(/assets/img/project-cards/website.jpeg)}#macro{background-image:url(/assets/img/project-cards/keyboard.jpeg)}#menubar{background-image:url(/assets/img/project-cards/menubar.jpeg)}.highlight-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000002e;scale:1.03!important}@media screen and (max-width:1500px){#highlights{width:80vw}}@media screen and (max-width:1300px){#highlights{grid-template-columns:repeat(2,1fr);width:85vw}}@media screen and (max-width:800px){#highlights{grid-template-columns:1fr;width:80vw}}
form{flex-direction:column;justify-content:center;align-items:center;margin:2em 0;display:flex}form input{border:.1em solid var(--text-color);background-color:var(--background-color-secondary);width:50%;color:var(--text-color);border-radius:var(--radius-out);margin:1em;padding:1.5em;transition:all .5s ease-in-out}form input:focus{border:.1em solid var(--primary-color)}@media screen and (min-width:500px){form input:hover{border:.1em solid var(--primary-color)}}form input#btn{background-color:var(--primary-color);color:var(--background-color-secondary);border:.1em solid var(--primary-color)}@media screen and (min-width:500px){form input#btn:hover{background-color:var(--background-color-secondary);color:var (--primary-color);cursor:pointer}}form textarea{border:.1em solid var(--text-color);border-radius:var(--radius-out);background-color:var(--background-color-secondary);width:50%;color:var(--text-color);margin:1em;padding:1.5em;transition:all .5s ease-in-out}@media screen and (min-width:500px){form textarea:focus,form textarea:hover{border:.1em solid var(--primary-color)}}#resume{color:var(--text-color);margin:0;padding:0;text-decoration:none}#resume div{width:50%;margin:7.5em 25%;padding:1em 0}#email-btn{background-color:var(--background-color-primary);border-radius:var(--radius-out);width:fit-content;margin:2em auto}#email-btn a{color:var(--text-color);justify-content:center;align-items:center;text-decoration:none;display:flex}#email-btn a span{margin:.1em .25em}#email-btn:hover{background-color:var(--primary-color);border-radius:10em}#email-btn:hover a{color:var(--background-color-primary)}#contact{margin-bottom:20em}
#last{background-color:var(--background-color-tr);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));color:var(--text-color);border-radius:var(--radius-in);text-align:left;z-index:1000;flex-direction:column;align-items:start;padding:10px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:10px;left:10px;transform:translate(-120%);box-shadow:0 2px 5px #0003}#last #eq{filter:saturate(0);width:30px;height:30px;margin:1em}@media (prefers-color-scheme:light){#last #eq{filter:saturate(0)invert()}}#last .history{opacity:0;width:0;height:0;transition:all .2s ease-in-out}#last:hover .history{opacity:1;width:100%;height:100%;margin:1em auto 0}#last #music-holder{flex-direction:row;justify-content:center;align-items:center;display:flex}#last.show{transform:translate(0)}#last img,#last a{object-fit:cover;border-radius:4px;width:60px;height:60px;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}#last #controls{align-items:center;display:flex}