@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono: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&display=swap";body{height:100vh}.to-top-container{width:100%;text-align:center}.to-top{color:#fff;border:none;border-radius:5px;padding:10px 15px;cursor:pointer;font-size:16px;background:linear-gradient(90deg,#8fb3ff,#a37fcf,#d41d6d);text-decoration:none}.msg{color:#fff}::-webkit-scrollbar{display:none}nav{transition:all .3s ease;display:flex;justify-content:space-between;align-items:center;height:70px;color:#fff;padding:50px 5%;position:fixed;width:100%;background-color:#383838;z-index:1000}nav.scrolled{height:50px;padding:25px 5%}nav a{all:unset;text-decoration:none;padding:8px 16px;transition:all .2s ease-in-out}nav a:hover{cursor:pointer;background:linear-gradient(90deg,#8fb3ff,#a37fcf,#d41d6d);-webkit-background-clip:text;background-clip:text;color:transparent}nav li{list-style:none}nav ul .navbar_divider{border-left:1px solid gray;margin:0 8px}nav .logout:hover{border:solid 1px rgb(220,49,49);background-color:transparent;padding:7px 15px}nav .logo ul{display:flex;gap:10px;align-items:center}nav .logo img{width:50px;height:50px}nav .links ul{display:flex}nav .contact_container{display:flex}nav .contact_container li{transition:transform .1s ease-in-out}nav .contact_container a{padding:4px 8px}nav .contact_container li:hover{border-bottom:0px;transform:translateY(-4px)}nav .contact_container a:hover{border-bottom:0px}.links ul li a.active{background-color:#3182ce;color:#000;padding:8px 16px;border-radius:4px;transition:background-color .3s ease}.menu-icon{display:none;flex-direction:column;cursor:pointer}.bar{width:25px;height:3px;background-color:#fff;margin:3px 0;transition:transform .3s ease}.menu-icon.open .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-icon.open .bar:nth-child(2){opacity:0}.menu-icon.open .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media screen and (max-width: 1111px){nav .logo ul{gap:5px}nav .logo img{width:40px;height:40px}nav .links ul{display:none;flex-direction:column;position:absolute;margin-top:10px;left:0;background-color:#242424;width:100%;box-shadow:0 2px 4px #0000001a;padding:25px 0;z-index:100;height:auto}.menu-icon{display:flex}.links.open ul{display:flex;align-items:flex-end;gap:18px}nav .links ul li{margin:0 20px}nav a:hover{text-decoration:none}nav .navbar_divider{height:1px;background:linear-gradient(90deg,#8fb3ff,#a37fcf,#d41d6d);width:100px;position:relative;z-index:90000000}nav .contact_container{display:flex!important;flex-direction:row!important;justify-content:flex-end;gap:1px!important;padding:40px 30px 0 0!important}nav .contact_container li{margin:0 0 10px!important}}.navbar-visible{display:flex;transform:translateY(0)}.navbar-hidden{transform:translateY(-50px)}nav .logo .name{font-size:20pt;font-family:IBM Plex Mono,Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.name{display:inline-block;position:relative}.tilde{font-size:30px;background:linear-gradient(90deg,#8fb3ff,#a37fcf,#d41d6d);-webkit-background-clip:text;background-clip:text;color:transparent}.underscore{opacity:1;transition:opacity .28s ease-in-out}.underscore.fade{opacity:0}@media screen and (max-width: 1111px){nav .logo .name{font-size:16pt}}.footer{display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px;padding:2em 0}img.githubIcon{width:20px}.footer .contact_container{display:flex;gap:20px}.contact_container a{transition:transform .1s ease-in-out}.contact_container a:hover{transform:translateY(-4px)}.gradient_name{background:linear-gradient(90deg,#8fb3ff,#a37fcf,#d41d6d);-webkit-background-clip:text;background-clip:text;color:transparent}.intro_container{display:flex;justify-content:space-between;align-items:flex-start;padding:170px 0% 0;height:62vh;gap:50px}.intro_container .intro_text{width:50%}.intro_container .intro_text h1{font-size:55px;margin-bottom:25px}.intro_container .intro_text p{font-size:20px;line-height:1.5;font-weight:500}.image_me{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10000px}.intro_image_outer{width:400px;height:400px;background:linear-gradient(90deg,#8fb3ff,#a37fcf,#d41d6d);border-radius:10000px;padding:4px}.intro_image_outer .intro_image_inner{border-radius:10000px;background-color:#f0f8ff;width:100%;height:100%;padding:2%}@media screen and (max-width: 400px){.intro_container{padding:140px 0% 0}.intro_text_mobile{text-align:right}.intro_image_outer.mobile{margin-top:40px}}@media screen and (max-width: 600px){.intro_container{flex-direction:column;height:auto}.intro_container .intro_text{width:100%}.intro_container .intro_text h1{font-size:50px}.intro_container .intro_text p{font-size:18px}.intro_image_outer{margin:0 auto;width:300px;height:300px}.intro_text h1{font-size:40px!important}}@media screen and (max-width: 1111px){.intro_container .intro_text h1{font-size:50px}.intro_container .intro_text p{font-size:18px}}@media screen and (min-width: 1820px){.intro_container{height:100%}}.skills_container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-rows:325px;grid-gap:2em;margin:0 5%}.card{width:100%;height:100%;background:linear-gradient(90deg,#8fb3ff,#a37fcf,#d41d6d);border-radius:20px;display:flex;flex-direction:column;align-items:center;padding:4px}.card .card_title{width:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-family:monospace;font-size:18px}.card .card_inner{border-radius:20px;background-color:#f0f8ff;color:#000;width:100%;height:100%;padding:5%;display:flex;flex-direction:column;justify-content:space-evenly}.card .card_inner .item{display:flex;gap:6px;font-family:monospace;font-size:15px;transition:transform .1s ease-in-out}.card .card_inner .item:hover{cursor:pointer;transform:scale(1.05)}.card .card_inner .item img{width:24px;height:100%;-o-object-fit:contain;object-fit:contain}.card .card_inner .item a{text-decoration:none;color:#000}.section_heading{margin-top:100px}.wrapper_experience{padding:0 5%}.experience_item{display:flex;gap:50px}.experience_item .experience_timeline{height:auto;width:5px;background:linear-gradient(180deg,#d41d6d,#8fb3ff 25%,#a37fcf 75%,#d41d6d)}.experience_item .experience_timeline img{width:60px;height:60px;-o-object-fit:cover;object-fit:cover;margin-left:-28px;margin-top:40px;border:5px solid #8fb3ff;border-radius:100%}.experience_item .experience_details_container{width:100%;margin-top:50px}.experience_item .experience_details_container .experience_time{font-size:20px}.experience_item .experience_details_container .experience_details{background:#f0f8ff;color:#000;padding:22px;border-radius:6px}.experience_item .experience_details_container .experience_details h3{font-size:25px;font-weight:700}.experience_item .experience_details_container .experience_details h4{font-size:18px;color:#575757}.experience_item .experience_details_container .experience_details ul{margin-left:30px;color:#2f2f2f}.experience_item .experience_details_container .experience_details a{text-decoration:none;color:#d41d6d}.gradient_shadowbox{margin-top:-6px;height:6px;width:100%;background:linear-gradient(45deg,#d41d6d,#8fb3ff 25%,#a37fcf 75%,#d41d6d);border-bottom-left-radius:5px;border-bottom-right-radius:5px}.project_container{display:flex;flex-direction:column;gap:40px}.project_item{margin-bottom:2em;border:.5px solid transparent;padding:5px;border-radius:10px;background:linear-gradient(45deg,#d41d6d,#8fb3ff 25%,#a37fcf 75%,#d41d6d)}.project_item .project_details_container{display:flex;gap:20px;background-color:#f2f8ffe6;color:#000;padding:2%;border-radius:10px}.project_item .project_details_container .project_image{width:70%}.project_item .project_details_container .project_image img{width:100%;border-radius:10px}.project_item .project_details_container .project_details{display:flex;flex-direction:column;justify-content:space-between;max-width:30%}.project_item .project_details_container .project_details h3{font-size:25px;font-weight:700;margin-bottom:12px}.project_item .project_details_container .project_details .explore_project button{border:none;background:linear-gradient(45deg,#d41d6d,#8fb3ff 25%,#a37fcf 75%,#d41d6d);padding:2px;border-radius:6px;font-size:16px;cursor:pointer;transition:transform .2s ease-in-out}.project_item .project_details_container .project_details .explore_project button>div{background-color:#f7ffffdb;padding:8px 16px;border-radius:6px}.project_item .project_details_container .project_details .explore_project button:hover{transform:scale(1.05)}.project_item .project_details_container .project_details .explore_project button span{font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.project_item .project_details_container .project_details .explore_project button span *{color:#d41d6d}.project_item .project_details_container .project_details .technologies_used{margin:20px 0;display:flex;flex-direction:row}.project_item .project_details_container .project_details .technologies_used img{width:24px;height:24px;margin-right:10px}.project_item .project_details_container .project_details .technologies_used .tech_item{position:relative;display:flex;justify-content:center;align-items:center}.project_item .project_details_container .project_details .technologies_used .tech_item .tech_hover{position:absolute;text-transform:uppercase;font-size:10px;bottom:-20px;left:50%;transform:translate(-50%);white-space:nowrap;background-color:#000000b3;color:#fff;padding:2px 5px;border-radius:3px}.project_item .project_details_container .project_details .project_links{margin-top:20px;display:flex;justify-content:flex-end}.project_item .project_details_container .project_details .project_links .project_links_div{display:flex;gap:10px}.project_item .project_details_container .project_details .project_links .project_links_div .githubCode img{width:18px;height:18px}.project_item .project_details_container .project_details .project_links .project_links_div .githubCode a{display:flex;align-items:center;justify-content:center;gap:5px;text-decoration:none;color:#000;transition:transform .15s ease-in-out}.project_item .project_details_container .project_details .project_links .project_links_div .githubCode a:hover{transform:scale(1.1)}.modal_container{position:fixed;top:0;left:0;z-index:1;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center}.modal{position:fixed;bottom:-100%;z-index:1;width:90%;max-width:1410px;height:95%;overflow:scroll;background:linear-gradient(45deg,#d41d6d,#8fb3ff 25%,#a37fcf 75%,#d41d6d);border-top-left-radius:15px;border-top-right-radius:15px;padding:10px 10px 0}.modal .inner_modal{position:relative;z-index:2;width:100%;height:100%;overflow:scroll;background-color:#f0f8ff;border-top-left-radius:15px;border-top-right-radius:15px}.modal .inner_modal .modal_close{position:sticky;z-index:10000;top:13px;right:100px;font-size:30px;display:flex;justify-content:end;padding:0 10px;height:10px}.modal .inner_modal .modal_close *{cursor:pointer}.modal-active{animation:slideUp .35s forwards ease-in-out}.modal-unactive{animation:slideDown .35s forwards ease-in-out}@keyframes slideUp{0%{bottom:-100%}to{bottom:0}}@keyframes slideDown{0%{bottom:0}to{bottom:-100%}}@media screen and (max-width: 900px){.wrapper_experience{padding:0 0 0 5%!important}#projects{padding:0 5% 0 0!important}#cheating{padding:0 0 0 5%!important}.project_details_container{flex-direction:column;padding:5%!important}.project_details_container .project_image{width:100%!important}.project_details_container .project_details{max-width:100%!important}.project_links{margin-top:20px!important;justify-content:flex-end!important;gap:10px}.experience_item{gap:40px!important}.modal{width:100%!important;height:95%!important}}.modal_content{color:#000;padding:10px 20px 20px}.modal_content .figure figure.solo{margin-left:-3px}.modal_content .figure figure{margin:4px 0 4px 4px;width:40px;height:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.modal_content .figure figure img{width:35px;height:35px;-o-object-fit:contain;object-fit:contain}.modal_content .figure figure img.solo{width:28px;height:28px}.modal_content .figure figure figcaption{margin-top:-10px;text-transform:capitalize}.modal_content .figure figure figcaption.individual{font-size:14px}.modal_content h4{font-size:28px;font-weight:500;margin:20px 0}.modal_content .innerProject_details .content .contributors li{margin-left:25px}.modal_content .innerProject_details h5{font-size:17px;margin:15px 0 5px;font-weight:500}.modal_content .innerProject_details .linkane{margin:10px 0}.modal_content .innerProject_details .screenshots_container{width:100%;background:linear-gradient(45deg,#d41d6d,#8fb3ff 25%,#a37fcf 75%,#d41d6d);padding:10px;border-radius:10px}.modal_content .innerProject_details .screenshots_container .screenshots.with_images{display:flex;justify-content:center;align-items:center}.modal_content .innerProject_details .screenshots_container .screenshots{width:100%;height:275px;overflow:scroll;display:flex;gap:10px}.modal_content .innerProject_details .screenshots_container .screenshots img{height:100%;border-radius:10px}.project_links_div{display:flex;gap:10px}.project_links_div .githubCode img{width:18px;height:18px}.project_links_div .githubCode a{display:flex;align-items:center;justify-content:center;gap:5px;text-decoration:none;color:#000;transition:transform .15s ease-in-out}.project_links_div .githubCode a:hover{transform:scale(1.1)}.technologies_used{margin:20px 0;display:flex;flex-direction:row}.technologies_used img{width:24px;height:24px;margin-right:10px;-o-object-fit:contain;object-fit:contain}.technologies_used .tech_item{position:relative;display:flex;justify-content:center;align-items:center}.technologies_used .tech_item .tech_hover{position:absolute;text-transform:uppercase;font-size:10px;bottom:-20px;left:50%;transform:translate(-50%);white-space:nowrap;background-color:#000000b3;color:#fff;padding:2px 5px;border-radius:3px}.process_container{display:flex;flex-direction:row;width:100%;height:100%;margin-bottom:2em;gap:20px}.process_container.flex-row-reverse{flex-direction:row-reverse}.process_images{width:50%;height:auto;display:flex}.process_images img,.carousel_img{width:100%;height:100%;border-radius:4px;box-shadow:0 4px 8px #00000026}.process_text{width:50%;display:flex;flex-direction:column}.process_text h6{font-size:17px;font-weight:600;color:#626262}.contributorLink{text-decoration:underline;color:#626262;font-size:14px;font-weight:500}@media (max-width: 768px){.process_container,.process_container.flex-row-reverse{flex-direction:column;gap:24px;min-height:auto}.process_images,.process_text{width:100%}.process_images img{max-height:none}}@media screen and (max-width: 768px){.carousel{width:100%!important}}.about-me-text{width:50%}@media screen and (max-width: 768px){.about-me-text{width:100%;margin-left:0%}}/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-duration:initial}}}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.top-1\/2{top:50%}.mx-auto{margin-inline:auto}.mt-\[2rem\]{margin-top:2rem}.mt-\[50px\]{margin-top:50px}.mb-\[75px\]{margin-bottom:75px}.contents{display:contents}.flex{display:flex}.hidden{display:none}.h-\[2\.5em\]{height:2.5em}.h-full{height:100%}.max-h-full{max-height:100%}.w-\[2\.5em\]{width:2.5em}.w-\[80\%\]{width:80%}.w-full{width:100%}.max-w-\[80ch\]{max-width:80ch}.max-w-full{max-width:100%}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.resize{resize:both}.flex-row-reverse{flex-direction:row-reverse}.items-center{align-items:center}.justify-between{justify-content:space-between}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.object-contain{-o-object-fit:contain;object-fit:contain}.text-center{text-align:center}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.hover\:scale-\[1\.005\]:hover{scale:1.005}.hover\:cursor-pointer:hover{cursor:pointer}}:root{color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1e1e1e;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}main{width:100%;max-width:1410px;margin:0 auto}.wrapper{margin-bottom:2.5em;padding:0 5%}.preh2{text-transform:uppercase;color:#7d7d7d;font-size:18px}h2{margin-bottom:1.5em;font-size:40px}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-duration{syntax:"*";inherits:false}