:root{line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{padding:0;margin:0;box-sizing:border-box;scroll-behavior:smooth;font-family:poppins,Helvetica,Courier New,Courier,monospace!important}html body{box-sizing:border-box;width:100%;height:100%}.typewriter-container:first-child{-webkit-user-select:none;user-select:none;letter-spacing:-1px}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#2d1950}::-webkit-scrollbar-thumb{background:rgba(178,121,216,.959);border-radius:12px}::-webkit-scrollbar-thumb:hover{background:rgba(222,130,235,.911);border-radius:12px}.background{background-size:cover;background-repeat:no-repeat;background-attachment:fixed;min-height:100svh}.hidden{display:none}.home-button{background:linear-gradient(to left,#a200ff,#5d2bff,#3498db)!important}.home-button:hover{background:linear-gradient(to left,#8300d0,#4b14ff,#1b6fa8)!important}hr{border-color:#8c00ff;overflow:visible;height:30px;border-style:solid;border-width:1px 0 0 0;border-radius:20px}hr.style-seven:before{border-color:#8c00ff;display:block;content:"";height:30px;margin-top:-31px;border-style:solid;border-width:0 0 1px 0;border-radius:20px}.glow-effect{width:200px;height:200px;background-color:#8605d1;width:80px;height:120px;margin:10px;display:flex;justify-content:space-between;align-items:center;flex-direction:column;border-radius:15px;padding:5px;cursor:pointer}.infinte-loop{background-color:#000;cursor:pointer;animation:shake 5s infinite;box-shadow:0 4px 8px #00000080}@keyframes shake{0%,to{transform:translateY(0)}25%,75%{transform:translateY(-3px)}50%{transform:translateY(0)}}.projectCard,.certificateCard{content:"";top:0;right:0;bottom:0;left:0;position:relative}.projectCardDarkModeAnimation{animation:pulseDarkMode 2s infinite ease}.projectCardLightModeAnimation{animation:pulseLightMode 2s infinite ease}.certificateCardDarkModeAnimation{animation:pulseDarkMode 2s infinite ease}.certificateCardLightModeAnimation{animation:pulseLightMode 2s infinite ease}@keyframes pulseDarkMode{0%{background-color:#fff0}50%{background-color:#fff6}to{background-color:#fff0}}@keyframes pulseLightMode{0%{background-color:#fff0}50%{background-color:#d900ff66}to{background-color:#fff0}}.projectCard.projectImageLoaded,.certificateCard.certificateImageLoaded{content:none;animation:none}img{object-position:center;object-fit:cover}