#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}@keyframes moveBackground{0%{background-position:center top}to{background-position:center bottom}}body,html{margin:0;padding:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:url(/assets/bg9-DsN_R5LO.png) no-repeat center center;background-size:100% 400%;font-family:Arial,sans-serif;animation:moveBackground 20s linear infinite}.main-container{position:relative;width:100%;height:400px;display:flex;justify-content:center;align-items:center}.main-display{position:relative;width:1000px;height:800px;background-color:#00000080;box-shadow:0 4px 8px #0000001a;z-index:1;display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:700;color:#fff;border-radius:60px;overflow:hidden}.left-cards,.right-cards{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:20px;z-index:0}.left-cards{left:0;transform:translate(-105%,-50%)}.right-cards{right:0;transform:translate(105%,-50%);margin-top:6vh}.card,.cardS{background:#0000}.card{width:260px;height:100px;color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 4px #0003;transition:transform .5s,opacity .5s;opacity:0;border-radius:30px;margin-top:60px;flex-direction:column;font-family:Courier New,Courier,monospace}.card h1{font-size:2.2rem}.card ul{margin-top:-1.3vh}.cardP{width:325px;height:auto;color:#fff;display:flex;align-items:center;transition:transform .5s,opacity .5s;opacity:0;border-radius:30px;padding:15px;box-sizing:border-box;flex-direction:row}.cardP img{width:75px;height:75px;border-radius:50%;object-fit:cover;margin-right:20px}.cardP .text-content{display:flex;flex-direction:column;justify-content:center}.cardP h1{font-size:30px;margin:0}.cardP p{margin:5px 0 0}.cardS{width:325px;height:500px;color:#fff;display:table-column;justify-content:center;align-items:center;box-shadow:0 2px 4px #0003;transition:transform .5s,opacity .5s;opacity:0;border-radius:30px}.AboutMe,.education{width:100%;font-size:16px;line-height:1.6;font-family:Courier New,Courier,monospace;margin-top:40px}.education h1{font-size:32px}.education ul{text-align:justify;margin-left:40px;margin-right:60px}.main-container:hover .left-cards .card,.main-container:hover .left-cards .cardP,.main-container:hover .left-cards .cardS,.main-container:hover .right-cards .cardLink,.main-container:hover .right-cards .card{transform:translate(0);opacity:1}.left-cards .card,.cardP,.cardS{transform:translate(100%)}.cardLink,.right-cards .card{transform:translate(-100%)}.cardLink{width:325px;height:auto;color:#fff;transition:transform .5s,opacity .5s;opacity:0;border-radius:30px;padding:15px;box-sizing:border-box;margin-top:7vh;gap:50px}.cardLink a{padding:1.5vh;margin-top:4vh}.social-icons{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px}.social-icons img{width:40px;height:40px;cursor:pointer;transition:transform .3s}.social-icons img:hover{transform:scale(1.1);filter:brightness(0) saturate(100%) invert(40%) sepia(100%) saturate(900%) hue-rotate(20deg) brightness(140%) contrast(100%)}.xennaLayout{background-color:#000;border-radius:2vh;padding:2vh;border-width:3vh;border-color:#fff;min-height:300px;max-height:1000px;height:auto;overflow-y:auto;box-sizing:border-box;display:block;scrollbar-width:thin;scrollbar-color:orange black}.xennaLayout::-webkit-scrollbar{width:8px}.xennaLayout::-webkit-scrollbar-thumb{background-color:orange;border-radius:4px}.xennaLayout::-webkit-scrollbar-track{background-color:#000}.desc{text-align:left}.command{text-align:left;text-decoration:solid;-webkit-text-stroke-width:1px;color:orange}.xennalayout{background-color:#000;border-radius:2vh;padding:2vh;border-width:3vh;border-color:#fff;min-height:300px;max-height:400px;height:auto;overflow-y:auto;box-sizing:border-box;display:block;scrollbar-width:thin;scrollbar-color:orange black}@keyframes move{0%{background-position:0 0}to{background-position:40px 40px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}html,body{margin:0;padding:0;height:100%}.exp{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-size:7px 7px;animation:move 4s linear infinite}.container{height:100%}.title{margin-bottom:-6vh;margin-top:26vh;font-family:Courier New,Courier,monospace;font-size:4rem;color:}.projs{display:flex;justify-content:center;align-items:center;flex-direction:row;position:absolute;top:70%;left:50%;transform:translate(-50%);gap:140px}.cardproj{width:140px;height:140px;border-radius:50%;overflow:hidden;transition:transform .3s ease;cursor:pointer;opacity:0;animation:fadeIn 1s ease forwards}.cardproj:hover{transform:translateY(-10px)}.cardproj-image{width:100%;height:100%;object-fit:cover}button.custom-button{background:#ff8c00;font-family:Courier New,Courier,monospace;padding:.6em 1.3em;font-weight:900;font-size:18px;border:3px solid rgb(255,115,0);border-radius:.4em;box-shadow:.1em .1em;cursor:pointer;color:#fff}button.custom-button:hover{border:3px solid #000000;transform:translate(-.05em,-.05em);box-shadow:.15em .15em}button.custom-button:active{transform:translate(.05em,.05em);box-shadow:.05em .05em}@keyframes square-animation{0%{left:0;top:0}10.5%{left:0;top:0}12.5%{left:32px;top:0}23%{left:32px;top:0}25%{left:64px;top:0}35.5%{left:64px;top:0}37.5%{left:64px;top:32px}48%{left:64px;top:32px}50%{left:32px;top:32px}60.5%{left:32px;top:32px}62.5%{left:32px;top:64px}73%{left:32px;top:64px}75%{left:0;top:64px}85.5%{left:0;top:64px}87.5%{left:0;top:32px}98%{left:0;top:32px}to{left:0;top:0}}.loader{position:relative;width:96px;height:96px;transform:rotate(45deg)}.loader-square{position:absolute;top:0;left:0;width:28px;height:28px;margin:2px;border-radius:0;background:#fff;background-size:cover;background-position:center;background-attachment:fixed;animation:square-animation 10s ease-in-out infinite both}.loader-square:nth-of-type(0){animation-delay:0s}.loader-square:nth-of-type(1){animation-delay:-1.4285714286s}.loader-square:nth-of-type(2){animation-delay:-2.8571428571s}.loader-square:nth-of-type(3){animation-delay:-4.2857142857s}.loader-square:nth-of-type(4){animation-delay:-5.7142857143s}.loader-square:nth-of-type(5){animation-delay:-7.1428571429s}.loader-square:nth-of-type(6){animation-delay:-8.5714285714s}.loader-square:nth-of-type(7){animation-delay:-10s}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}