.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}}
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);cursor:pointer;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}@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}#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}#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}
@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 0;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}