@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Orbitron:wght@400..900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap);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;margin:0}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:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}body{background:#000;overflow-x:hidden}p{font-family:Ubuntu}h1{color:#fff;font-family:"IBM Plex Serif";font-weight:400;text-shadow:1px 1px 2px pink,0 0 1em blue,0 0 .2em blue;text-transform:capitalize}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navbar{align-items:center;background:#222;color:#fff;display:flex;font-family:Orbitron;justify-content:center;left:0;padding:20px 0;position:fixed;top:0;width:100%;z-index:1000}.navbar ul{display:flex;list-style:none;margin:0;padding:0}.navbar li{margin:0 15px}.navbar button{background:#0000;border:2px solid #0000;color:#fff;font-family:orbitron;font-size:12px;font-weight:400;text-decoration:none;transition:color .3s ease}.navbar button:hover{border-bottom:2px solid #0cf;cursor:pointer}.navbar a{color:#fff;font-family:orbitron;font-size:12px;font-weight:400;text-decoration:none;transition:color .3s ease}.navbar a:hover{border-bottom:2px solid #0cf}.special{background:#1fb3c6!important;background:linear-gradient(90deg,#1fb3c6,#c41bb6)!important;border:0 solid #0000!important;border-radius:20px!important;color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#1fb3c6",endColorstr="#c41bb6",GradientType=1)!important;font-family:Orbitron;padding:8px 25px!important;text-decoration:none}.special:hover{border-bottom:0 solid #000!important;cursor:pointer;opacity:.8}.divider{background:#04ffea;background:radial-gradient(circle,#04ffea 0,#8300ff 100%);border-radius:2px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#04ffea",endColorstr="#8300ff",GradientType=1);height:4px}.featurebox{background:#222;border:1px solid #333;border-radius:2px;box-shadow:1px 1px 5px #3a3a60;font-family:Ubuntu;font-size:12px;margin:10px 0;padding:20px 30px}.glow{color:#ff6cf0;font-weight:700;text-shadow:0 0 5px #ff41f6}.aboutcard{background:#00000080;border:1px solid #333;border-radius:2px;box-shadow:1px 1px 5px #3a3a60;color:#fff;margin:10px 0;padding:20px 30px;width:300px}.circleicon{border-radius:50%;margin:20px 7px;padding:10px 11px}.centerize{text-align:center;width:100%}.centerize a{color:#fff}.pink{background:pink;border:1px solid #ff7f94;box-shadow:0 0 20px #ff5470}.purple{background:#ab6aff;border:1px solid #903bff;box-shadow:0 0 20px #c954ff}.blue{background:#6d88ff;border:1px solid #2259ff;box-shadow:0 0 20px #549eff}.pfp{background:#00000080;border:1px solid #333;border-radius:100px;box-shadow:1px 1px 5px #3a3a60;color:#fff;margin:20px 0 0;padding:20px}h3{font-family:Orbitron}.progress-bar{background-color:#e0e0e0;border-radius:10px;box-shadow:inset 0 2px 4px #0003,0 0 15px #fffffff2;height:20px;margin:20px 0;overflow:hidden;width:150px}.progress{background:#7c1edb;background:linear-gradient(90deg,#7c1edb,#ea84ff 22%,#f2b3ff 36%,#fff 50%,#70e4e2 65%,#61e1df);border-radius:10px;box-shadow:inset 0 0 5px rgba(0,42,255,.692);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#7c1edb",endColorstr="#61e1df",GradientType=1);height:100%;transition:width .3s ease-in-out}.progress50{width:50%}.progress60{width:60%}.progress70{width:70%}.progress75{width:75%}.progress80{width:80%}.progress85{width:85%}.progress90{width:90%}.progress95{width:95%}.progress50:hover,.progress60:hover,.progress70:hover,.progress75:hover,.progress80:hover,.progress85:hover,.progress90:hover,.progress95:hover{cursor:pointer;width:100%}.bubble{height:100px;margin:0 10px;text-align:center;transform:translate(0);transition:.6s ease}.bubble:hover{cursor:pointer;transform:translateY(-10px);transition:.6s ease}h4{font-family:Orbitron;font-size:14px}.bubbleicon,h4{color:#fff;margin:0;padding:0}.bubbleicon{background:#00000080;background:linear-gradient(90deg,#ffcea6,#9932cc) border-box;border:2px solid #0000;border-radius:100px;box-shadow:1px 1px 5px #3a3a60;height:80px;width:80px}.closed{opacity:0;pointer-events:none;transform:translateX(-100%)}.closed,.open{transition:.6s ease}.closedright{opacity:0;pointer-events:none;transform:translateX(100%)}.closedright,.open{transition:transform .6s ease,opacity .6s ease}.open{opacity:1;pointer-events:auto;transform:translateX(0)}.closedbottom{opacity:0;pointer-events:none;transform:translateY(100%);transition:.6s ease}.toggle-button{border:0 solid #0000;font-family:Orbitron}.planet-info-overlay{background:#fff;border-radius:6px;box-shadow:0 2px 8px #0003;color:#000;left:300px;max-width:250px;padding:20px;position:absolute;top:100px;z-index:2000}.chatbox{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;color:#000;font-size:16px;padding:20px;position:relative;text-align:center;width:250px}.chatbox:before{border-color:#0000 #fff #0000 #0000;border-style:solid;border-width:10px 20px 10px 0;content:"";height:0;left:-20px;position:absolute;top:50%;transform:translateY(-50%);width:0}.feed-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:8px 16px}.feed-button:hover{background-color:#0056b3}.pfp{height:100px;position:relative;width:100px}.particle{animation:float 1s ease-out;font-size:20px;opacity:0;position:absolute}@keyframes float{0%{opacity:1;transform:scale(0) translate(-50px,-200px)}to{opacity:0}}.skillcont{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.skillcont p{width:100px}.tags-container{display:flex;flex-wrap:wrap;gap:10px;padding:10px}.tag{background:#00000080;border:2px solid #333;border-radius:20px;color:#ccc;font-family:Ubuntu;font-size:10px;font-weight:200;line-height:12px;padding:5px 15px;white-space:nowrap}.overlay{animation:fadeIn .3s ease-in-out}.overlay li,.overlay p{font-family:Ubuntu}.overlay a{color:#549eff;text-decoration:none}.outer{height:100vh;margin:0;overflow:"hidden";padding:0;width:100vw}.camcontrol{padding:18px}.camcontrol,.desktophero{display:block}@media only screen and (max-width:768px){.outer{height:auto;overflow-x:hidden;overflow-y:visible;width:auto}.aboutcard,.sidebar{position:static!important;width:100%!important}.bubbleholder{flex-wrap:wrap;height:100%!important;margin:20px;position:static!important}.bubble{padding:30px 10px}.skillcont{display:block;width:100%!important}.progress-bar,.skillcont p,.tags-container{width:80%}.divider{width:90%}.camcontrol{display:none}.planet-info-overlay{left:0;margin-left:20px}.sidebutton{display:none}.mobilehero{color:#fff;display:block!important}.mobilehero a{font-family:Orbitron}.mobilehero p{font-weight:500}.desktophero{display:none}}.slideshow-container{border-radius:15px;margin:50px auto;max-width:800px;overflow:hidden;position:relative}.arrow{border-radius:0 3px 3px 0;color:#fff;cursor:pointer;font-size:30px;font-weight:700;margin-top:-22px;padding:16px 10%;position:fixed;top:50%;transition:.3s ease;-webkit-user-select:none;user-select:none;width:auto;z-index:10}.left-arrow{border-radius:3px 0 0 3px;left:0}.right-arrow{border-radius:0 3px 3px 0;right:0}.arrow:hover{opacity:.5}.slides{height:100%;position:relative}.slide{display:none;transition:opacity 1s ease-in-out}.slide.active{display:block;opacity:1}.slide.inactive{opacity:0}.slide-content{color:#f5f5f5;padding:20px}.project-image{border-top-left-radius:15px;border-top-right-radius:15px;height:auto;width:100%}.project-name{color:#fff;font-size:24px;margin:20px 0;text-align:center}.features{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.feature-card{background-color:#2e2e2e;border-radius:10px;box-sizing:border-box;margin-bottom:20px;padding:15px;transition:transform .3s;width:30%}.feature-card:hover{transform:translateY(-5px)}.feature-icon{color:#00d1b2;margin-bottom:10px}.feature-title{color:#fff;font-size:18px;margin-bottom:10px}.feature-points{color:#ccc;list-style-type:disc;padding-left:20px}.live-demo{background-color:#00d1b2;border-radius:5px;color:#1e1e1e!important;display:block;font-weight:700;padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .3s}.live-demo:hover{background-color:#00b89c}@media (max-width:768px){.features{align-items:center;flex-direction:column}.feature-card{width:80%}}.footer{background-color:#1a1a1a;bottom:0;box-sizing:border-box;color:#e0e0e0;font-family:Ubuntu;padding:40px 20px;position:relative;width:100%}.footer-content{align-items:center;display:flex;flex-direction:column}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:20px}.footer-button{background:none;border:none;color:#e36da0;cursor:pointer;font-size:16px;margin:5px 10px;padding:5px;position:relative;transition:color .3s ease}.footer-button:after{background:#0ff;content:"";display:block;height:2px;margin-top:5px;transition:width .3s;width:0}.footer-button:hover{color:#0ff}.footer-button:hover:after{width:100%}.social-icons{display:flex;gap:20px;margin-bottom:20px}.social-icons a{color:#e0e0e0;font-size:24px;transition:color .3s ease,transform .3s ease}.social-icons a:hover{color:#e36da0;transform:scale(1.2)}.footer-bottom{border-top:1px solid #333;color:grey;font-size:14px;padding-top:20px;text-align:center;width:100%}@media (max-width:600px){.footer-links{align-items:center;flex-direction:column}.social-icons{gap:15px}.footer-button{margin:5px 0}}.floating-icon{bottom:20px;cursor:pointer;height:50px;position:fixed;right:20px;transition:transform .3s ease;width:50px;z-index:1000}.floating-icon:hover{transform:scale(1.1)}.info-bubble{animation:fadeIn .5s ease-in-out;background-color:#2c2c2c;border-radius:10px;bottom:80px;box-shadow:0 4px 8px #0000004d;color:#e0e0e0;max-width:300px;padding:15px;position:fixed;right:20px;z-index:1000}.bubble-content{position:relative}.close-button{background:none;border:none;color:#ff69b4;cursor:pointer;font-size:20px;padding:0;position:absolute;right:8px;top:5px}.close-button:hover{color:#ff1493}.message{word-wrap:break-word;font-size:14px;line-height:1.5;margin-top:10px;white-space:pre-wrap}.bubble-triangle{border-left:10px solid #0000;border-right:10px solid #0000;border-top:10px solid #2c2c2c;bottom:-10px;height:0;position:absolute;right:20px;width:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.info-bubble{bottom:80px;max-width:80%;right:10px}.bubble-triangle{right:15px}}
/*# sourceMappingURL=main.3121477c.css.map*/