body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#e0e0e0;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{overflow:hidden}.container,.content{overflow:hidden;position:relative}.content{align-items:flex-start;background-image:url(/static/media/blue_bits.0172d1898fa4de6dc10c.jpg);background-position:50%;background-size:cover;display:flex;flex:1 1;height:100%;justify-content:center;padding:10px;width:100%}.content:before{background-color:#000000a3;content:"";inset:0;position:absolute;z-index:0}.content>*{position:relative;z-index:1}body{font-family:aglet-mono-variable}.container{display:flex;height:100vh}.tab-bar{background-color:#2a2a2a;color:#b0bec5;display:flex;flex-direction:column;overflow-y:auto;width:220px}.tab{background-color:initial;border:none;cursor:pointer;padding:18px 20px}.tab:hover{background-color:#3e4a89;color:#e0e0e0}.tab.active{background-color:#5c6bc0;color:#fff}.sub-tabs{background-color:#2a2a2a;color:#b0bec5}.sub-tab{background-color:initial;cursor:pointer;font-size:14px;padding:16px 40px}.sub-tab:hover{background-color:#3a4681;color:#e0e0e0}.sub-tab.active{background-color:#5c6bc0;color:#fff}h1{margin-top:5px}.overlay-image{display:none;height:100%;left:0;object-fit:cover;position:fixed;top:0;width:100%;z-index:9999}@media screen and (max-width:768px){.overlay-image{background-color:#000;display:block;object-fit:contain}}body{background:#f9f9f9;color:#333;margin:0}.homepage{margin:auto;max-width:900px;padding:2rem}.logo-img{height:64px;object-fit:contain;width:64px}h2{color:#e8eaf6}.intro h1{margin:0}.tagline{color:#e8eaf6;font-size:1.2rem}.stack ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0}.stack li{padding:.5rem 1rem}.blog-posts,.stack li{background-color:#2a2a2a}.blog-posts{border-radius:10px;box-shadow:0 2px 5px #0000000d;padding:1.5rem}.blog-posts h3{color:#e8eaf6;margin-top:0}.blog-posts ul{list-style:none;padding:0}.blog-posts li{color:#e8eaf6;margin-bottom:.8rem}.blog-posts a{color:#07c;text-decoration:none}.blog-posts a:hover{text-decoration:underline}.holographic-card{align-items:center;aspect-ratio:1/1;background-color:#333;border-radius:50%;box-shadow:0 2px 8px #0000000d;box-sizing:border-box;display:flex;height:auto;justify-content:center;overflow:hidden;position:relative;transition:all .5s ease;width:96px}.holographic-card h2{color:#0ff;font-size:2rem;position:relative;z-index:2}.holographic-card:before{background:linear-gradient(0deg,#0000,#0000 30%,#ffa6004d);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transform:rotate(-45deg);transition:all .5s ease;width:200%}.holographic-card:hover{box-shadow:0 0 20px #ff880080;transform:scale(1.05)}.holographic-card:hover:before{opacity:1;transform:rotate(-45deg) translateY(100%)}.profile-pic{border-radius:10px;height:248px;margin-right:2rem;object-fit:cover;width:248px}.header{align-items:center;background-color:#2a2a2a;border-color:#3c3c3c;border-radius:10px;color:#e8eaf6;display:flex;margin-bottom:2rem;padding:2rem;z-index:0}.glow-on-hover{background:#111;border:none;border-radius:10px;color:#fff;height:50px;outline:none;position:relative;width:220px;z-index:0}.glow-on-hover:before{animation:glowing 20s linear infinite;background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);background-size:400%;filter:blur(5px);height:calc(100% + 4px);left:-2px;opacity:1;top:-2px;width:calc(100% + 4px)}.glow-on-hover:after,.glow-on-hover:before{border-radius:10px;content:"";position:absolute;z-index:-1}.glow-on-hover:after{background:#111;height:100%;left:0;top:0;width:100%}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.aboutPage{color:#e8eaf6;height:100%;margin:auto;max-width:900px;overflow-y:auto;padding:40px 20px;scroll-behavior:smooth;text-align:left}.aboutPage::-webkit-scrollbar{width:10px}.aboutPage::-webkit-scrollbar-track{background:#0000}.aboutPage::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#5c6bc099;border:2px solid #0000;border-radius:8px}.aboutPage::-webkit-scrollbar-thumb:hover{background-color:#5c6bc0e6}.wrapper{background-color:#2a2a2a;border-color:#3c3c3c;border-radius:10px;color:#e8eaf6;margin-bottom:2rem;padding:2rem}.personal-image{align-items:center;border-radius:10px;height:90%;width:85%}.aboutPage-title{font-size:2.5rem}.h1-local-style{font-size:28px;margin-bottom:0;margin-top:25px}.h3-local-style{margin-bottom:0}.music{background-color:#2a2a2a;border-radius:10px;box-shadow:0 2px 10px #0000001a}.flex-container{align-items:flex-start;display:flex;gap:1rem;width:100%}.flex-column{flex:1 1}.flex-item{height:352px;text-align:left;width:100%}.flex-column-pro{flex:2 1;height:352px;width:100%}.flex-item-title{font-size:32px}.flex-item-pro-image{flex:1 1;max-width:300px}.flex-item-pro-image img{border-radius:8px;height:auto;object-fit:cover;width:100%}.icon{width:60px}.icon,.tag{margin-bottom:10px}.tag{display:inline-block;font-size:1em;font-weight:600;margin-right:5px;margin-top:10px;padding:.2em;-webkit-text-decoration-line:overline;text-decoration-line:overline}.tag-red{background:none;-webkit-text-decoration-color:#c91515;text-decoration-color:#c91515}.tag-yellow{background:none;-webkit-text-decoration-color:#fed10a;text-decoration-color:#fed10a}.tag-orange{background:none;-webkit-text-decoration-color:#f90;text-decoration-color:#f90}.tag-blue{background:none;-webkit-text-decoration-color:#4fa8f0;text-decoration-color:#4fa8f0}.tag-pink{background:none;-webkit-text-decoration-color:#d436d4;text-decoration-color:#d436d4}.tag-light-green{background:none;-webkit-text-decoration-color:#5ae755;text-decoration-color:#5ae755}.tag-green{background:none;-webkit-text-decoration-color:#33b42f;text-decoration-color:#33b42f}.tag-purple{background:none;-webkit-text-decoration-color:#832fb4;text-decoration-color:#832fb4}.blog-card{background-color:#50575a;border-radius:8px;padding:24px}.blog-card h2{margin:0 0 10px}.blog-date{color:#d3d3d3;font-size:.9rem;margin-bottom:10px}.blog-summary{color:#e8eaf6;margin-bottom:12px}.read-more{background-color:#1abc9c;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 16px}.read-more:hover{background-color:#16a085}.blog-card-button{background-color:#5c6bc0;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-bottom:10px;padding:6px 12px}.blog-container{background-color:#2a2a2a;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#e8eaf6;display:flex;flex-direction:column;height:100%;max-width:900px;overflow:hidden;padding:30px;width:100%}.blog-header{flex-shrink:0;margin-bottom:20px}.blog-header h1{font-size:2.5rem;margin-bottom:10px}.blog-header p{color:#e8eaf6;font-size:1.2rem}.blog-list{display:flex;flex:1 1;flex-direction:column;gap:16px;margin-bottom:50px;overflow-y:auto;padding-right:8px}.blog-list::-webkit-scrollbar{width:10px}.blog-list::-webkit-scrollbar-track{background:#0000}.blog-list::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#5c6bc099;border:2px solid #0000;border-radius:8px}.blog-list::-webkit-scrollbar-thumb:hover{background-color:#5c6bc0e6}.intro-toggle{background-color:#5c6bc0;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-bottom:10px;padding:6px 12px}.intro-text{line-height:1.6;margin-top:10px;transition:opacity .3s ease}
/*# sourceMappingURL=main.d4a8b188.css.map*/