@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,900;1,300;1,400;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";:root{--bg-color:#fff;--text-color:#000;--max-width:1000px;--img-invert:invert(1)}@media(prefers-color-scheme:dark){:root{--bg-color:#000;--text-color:#fff;--img-invert:invert(0)}}body,html{height:calc(100vh - 6rem);width:calc(100vw - 6rem);padding:1.5rem;margin:0;font-family:Lato,sans-serif;background:var(--bg-color);color:var(--text-color)}@media(max-width:550px){body,html{padding:1rem;height:calc(100vh - 4rem);width:calc(100vw - 4rem)}}body main,html main{position:relative;width:100%;padding:4rem 0;max-width:var(--max-width);margin:auto}.avatar{position:absolute;top:4rem;right:0;height:200px;width:200px;opacity:100%;transform:translateX(2rem);transition:all .5s ease;border-radius:50%;overflow:hidden;border:5px solid var(--text-color)}@media(max-width:900px){.avatar{height:150px;width:150px;transform:translateX(.5rem)}}@media(max-width:550px){.avatar{display:none}}.avatar.hidden{opacity:0}.avatar img{position:absolute;top:0;right:0;opacity:100%;transition:all .5s ease}@media(max-width:900px){.avatar img{height:150px;width:150px}}.avatar img.hidden{opacity:0}.content{opacity:100%;transition:all .5s ease}@media(max-width:900px){.content{max-width:70%}}@media(max-width:550px){.content{max-width:none}}.content.hidden{opacity:0}.content h2{font-size:5rem;line-height:1;margin:2.5rem 0 1rem}@media(max-width:900px){.content h2{font-size:3.5rem}}@media(max-width:550px){.content h2{font-size:2.5rem}}.content h3{font-size:2.75rem;line-height:1;font-style:italic;margin:0 0 3rem;opacity:50%}@media(max-width:900px){.content h3{font-size:1.85rem}}.content h3 img{transform:translateY(5px);filter:var(--img-invert)}@media(max-width:900px){.content h3 img{width:67px;height:30px}}.content h4{font-size:1.5rem;margin:2.5rem 0 .75rem}.content p{font-size:1.2rem;line-height:1.75rem;max-width:75%}@media(max-width:900px){.content p{max-width:none}}.content .length-selector{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}@media(max-width:900px){.content .length-selector p{width:100%}}.content .length-selector button{background:none;color:var(--text-color);border:2px solid var(--text-color);font-family:Lato,sans-serif;font-size:1rem;cursor:pointer;line-height:1;padding:.5rem .65rem;border-radius:5px}.content .length-selector button.selected{background:var(--text-color);color:var(--bg-color);font-weight:600}.content .connect-buttons{display:flex;align-items:center;gap:.5rem}.content .connect-buttons .connect-link{background:none;color:var(--text-color);border:2px solid var(--text-color);padding:.5rem;border-radius:50%}.content .connect-buttons .connect-link.linkedin{padding:.35rem .45rem}.content .connect-buttons .connect-link.hackerrank{text-decoration:none}.content .connect-buttons .connect-link.hackerrank p{margin:0;padding:.6rem .45rem .6rem .35rem;font-size:1.055rem;line-height:1.055rem;font-weight:900;background:var(--text-color);color:var(--bg-color);border-radius:50%}.content .connect-buttons .connect-link.hackerrank p span{display:inline-block;height:.8rem;width:.55rem;background:var(--bg-color);margin-left:1px}.content .music-projects{display:flex;flex-wrap:wrap;gap:4rem 2rem}@media(max-width:900px){.content .music-projects>div{width:calc(50% - 1.5rem)}}@media(max-width:550px){.content .music-projects>div{width:100%}}.content .music-projects>div .artist-image{border:3px solid var(--text-color);border-radius:10px;overflow:hidden}.content .music-projects>div .artist-image img{width:100%;height:100%;object-fit:cover;margin-bottom:-5px}.content .music-projects>div h5{font-size:1.25rem;line-height:1;margin:1rem 0 2rem}.content .music-projects>div .artist-button{color:var(--text-color);border:2px solid var(--text-color);border-radius:5px;text-decoration:none;padding:.3rem .75rem .5rem}header{display:flex;max-width:var(--max-width);margin:auto;opacity:100%;transition:all .5s ease}header.hidden{opacity:0}header .logo{background:var(--text-color);color:var(--bg-color);font-size:1.5rem;font-weight:900;line-height:1;display:inline-block;padding:1rem .75rem;border-radius:5px}header .menu{position:relative;display:flex;margin-left:auto;min-height:100%}header .menu:after{position:absolute;content:"";height:3px;width:calc(50% - 1rem);background:var(--text-color);bottom:0;transition:all .5s ease;margin:0 .5rem}header .menu.code:after{transform:translateX(0)}header .menu.music:after{transform:translateX(calc(100% + 1rem))}header .menu button{background:none;border:0;font-size:large;color:var(--text-color);padding:0;display:flex;align-items:center;justify-content:center;margin:0 1rem;cursor:pointer}.intro{font-size:3rem;line-height:3rem}@media(max-width:900px){.intro{font-size:2rem;line-height:4rem}}.intro.small{font-size:.85rem;line-height:1rem;transition:all .05s linear;opacity:50%}.intro h1{margin:0}.intro h1 span{opacity:100%;transition:all .5s ease}.intro h1 span.hidden{opacity:0}