body{margin:0;font-family:garamond,sans-serif;background-color:#313131;color:#222;height:100vh;cursor:none;overflow-x:hidden}a{cursor:none}.custom-cursor{width:30px;height:30px;background:#7e7e7e33;border:#313131 solid 2px;border-radius:50%;position:fixed;pointer-events:none;transform:translate(-50%,-50%);z-index:9999;transition:transform .2s ease;box-shadow:0 0 0 1px #d0d0d0;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}#cursor.active{transform:translate(-50%,-50%) scale(1.1);transition:transform .2s ease}#cursor.clicked{transform:translate(-50%,-50%) scale(.35);transition:transform .1s ease}@keyframes fadeOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1);background-color:#313131;border:#313131 solid 2px;box-shadow:0 0 0 1px #313131}to{opacity:0;transform:translate(-50%,-50%) scale(.5)}}#cursor.fade-out{animation:fadeOut .3s forwards}.app{display:flex;flex-direction:column;height:100vh}.scroll-container{overflow-y:scroll;scroll-snap-type:y mandatory;height:100vh}.section{margin:2vh;border-radius:25px;margin-left:1vw;margin-right:1vw;height:96vh;scroll-snap-type:y mandatory;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:background-color 1s ease;overflow-x:hidden}.content{width:100%;max-width:100%;margin:0 auto}.home .content{display:flex;flex-direction:column;align-items:flex-start;position:relative;width:100%;max-width:1200px}.home .footer-info{display:flex;flex-wrap:wrap;justify-content:flex-start;position:absolute;bottom:0;left:0;color:#222}.home .footer-info>div{margin-right:30px;margin-bottom:10px;font-size:.8em}.home .contact{display:flex;align-items:center;gap:5px}.home .contact a{text-decoration:none;color:inherit}.home .location,.github-homepage-btn{display:flex;align-items:center;gap:5px}.home{background-color:#d0d0d0}.portfolio{height:fit-content;border-radius:0;background-color:#d0d0d000}.about{display:flex;justify-content:center;align-items:center;background-color:#d0d0d0}.contactsection{background-color:#d0d0d0}.contact{background-color:#d0d0d000}.contact,.location,.github-homepage-btn{border-radius:14px;margin-top:20px;padding:15px 10px;border:#222 solid 1px}.contact:hover,.location:hover,.github-homepage-btn:hover{background-color:#313131;color:#d0d0d0;transition:background-color .3s ease}.github-homepage-btn,.contact{cursor:none}.Profession-name{padding:10px 0;font-size:6em;font-weight:700;margin-bottom:50px;line-height:.9;width:100%;text-align:left}.rotating-word-container{display:inline-block;overflow:hidden;height:1em;position:relative}.rotating-word{display:inline-block;position:absolute;top:0;white-space:nowrap}.header{border:#cccccc 1px solid;border-radius:20px;position:fixed;top:20px;left:50%;transform:translate(-50%);width:fit-content;background-color:#313131ea;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:20px 10px;color:#ccc;font-weight:500;box-shadow:0 2px 5px #0000001a}.header .name{color:azure;font-size:1.2em}.header nav ul{list-style:none;padding:0;margin:0;display:flex}.header nav ul li a{padding:10px 20px;font-weight:500;text-decoration:none;color:#d6d6d6;font-size:1.1em;border-radius:8px;border:#cccccc00 1px solid}.header nav ul li a:hover{color:#fff;background-color:#444;border-radius:8px;transition:background-color .3s ease;border:#cccccc50 1px solid}.slider-container{height:65px;overflow:hidden}.word-slider{text-align:left;margin:0;padding:0;list-style:none;position:relative}.word-slider li{text-align:left;height:65px;display:flex;padding:10px 0}.projects-container{display:flex;flex-direction:column;align-items:center;padding:20px 0}.quad-grid{display:grid;width:82.5%;margin-bottom:20px}.project-item{border:1px solid black;padding:10px;background-color:#eee;display:flex;justify-content:center;align-items:center;text-align:center;text-decoration:none;color:#313131}.project-item.tile-2x2,.project-item.tile-1x2,.project-item.tile-2x1,.project-item.tile-1x1{border:#d0d0d000 solid 2px;background-color:#d0d0d0;border-radius:15px}.project-item.tile-2x2:hover,.project-item.tile-1x2:hover,.project-item.tile-2x1:hover,.project-item.tile-1x1:hover{border:#d0d0d0 solid 2px;background-color:#313131;color:#d0d0d0;transition:all .3s ease}.regenerate-button{padding:10px 20px;cursor:pointer}.project-card{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem;position:relative;overflow:hidden}.project-card h2{color:"black";text-decoration:none;font-size:1.85rem;margin-bottom:1rem;text-align:center}.project-card p{color:"black";text-decoration:none;text-align:justify;line-height:1.5;flex-grow:1}.project-card .view-prompt{color:"black";font-weight:500;font-style:italic;opacity:0;transition:opacity .3s ease;align-self:flex-end;margin-top:1rem}.project-item:hover .view-prompt{opacity:1}.project-item:hover h2,.project-item:hover p{color:#d0d0d0}.about-container{display:flex;width:80%;margin:0 auto;gap:2rem;padding:1rem;background-color:#f4f4f400}.about-info{flex:1;display:flex;flex-direction:column;gap:2rem}.personal-intro h1{text-align:left;font-size:2.5rem;color:#313131;margin-bottom:1rem;border-bottom:3px solid #3d3d3d;padding-bottom:.5rem}.personal-intro p{text-align:justify;color:#313131;line-height:1.6}.academic-highlights{color:#313131;border:#313131 solid 2px;background-color:#ffffff1f;padding:1.5rem;border-radius:20px;box-shadow:0 4px 6px #0000001a}.academic-highlights h3{color:#2c3e50;margin-bottom:1rem;font-size:1.5rem}.academic-highlights ul{list-style:none;padding:0}.academic-highlights li{display:flex;align-items:center;margin-bottom:1rem;color:#313131}.academic-icon{margin-right:1rem;font-size:1.5rem}.gpa-badge{border:#313131 solid 2px;background-color:#f5f5f500;color:#313131;padding:.25rem .5rem;border-radius:4px;margin-left:.5rem;font-size:.8rem}.technologies-section{flex:1;border:#313131 solid 2px;background-color:#ffffff1f;padding:2rem;border-radius:20px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;align-items:center}.technologies-section-heading{color:#2c3e50;margin-bottom:1.5rem;font-size:1.8rem;text-align:center;margin-top:-.5rem}.tech-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%}.tech-badge{border:#313131 solid 2px;display:flex;align-items:center;background-color:#f1f1f100;padding:.5rem;border-radius:10px;transition:transform .3s ease}.tech-badge:hover{color:#eaeaea;transform:scale(1);background-color:#313131}.tech-name:hover{color:#d0d0d0}.tech-icon{margin-right:.75rem;font-size:1.75rem}.tech-subtitle{color:#333;font-style:italic;text-align:center}@media (max-width: 768px){.about-container{flex-direction:column;width:95%}}body{background-color:#313131}.project-detail-container{color:#d0d0d0;font-family:garamond,sans-serif;max-width:900px;margin:0 auto;padding:2rem}.detail-header{margin-bottom:2rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:#d0d0d0;text-decoration:none;font-size:1.1rem;padding:.5rem 1rem;border:1px solid #555;border-radius:20px;transition:all .3s ease}.back-link:hover{background-color:#d0d0d0;color:#313131}.project-content h1{font-size:3.5rem;font-weight:700;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #555;line-height:1.2}.project-section{margin-bottom:2.5rem}.project-section h3{font-size:1.8rem;margin-bottom:1rem;color:#fff}.project-section p{font-size:1.2rem;line-height:1.7;text-align:justify}.media-gallery img{padding:10px;border-radius:15px;margin-bottom:1rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.75rem}.tech-tag{background-color:#444;color:#d0d0d0;padding:.5rem 1rem;border-radius:15px;font-size:1rem}.cta-section{text-align:center;margin-top:3rem}.github-button{display:inline-flex;align-items:center;gap:.75rem;background-color:#d0d0d0;color:#313131;text-decoration:none;font-size:1.2rem;font-weight:500;padding:.8rem 2rem;border-radius:30px;transition:transform .2s ease,box-shadow .2s ease}.github-button:hover{transform:translateY(-3px);box-shadow:0 4px 15px #ffffff1a}.project-not-found{text-align:center;padding:5rem 0}.project-video{border-radius:20px;box-shadow:0 4px 15px #0003}.experience-container{width:80%;margin:0 auto;padding:2rem 1rem;color:#313131;font-family:garamond,sans-serif}.experience-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;border-bottom:3px solid #3d3d3d;padding-bottom:1rem}.experience-header h1{font-size:2.5rem;color:#313131}.resume-button{display:inline-flex;align-items:center;gap:.75rem;background-color:#313131;color:#d0d0d0;text-decoration:none;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;border-radius:30px;border:1px solid #313131;transition:all .3s ease}.resume-button:hover{background-color:#d0d0d0;color:#313131;transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.experience-timeline{position:relative;padding-left:15px;background-color:#31313100}.experience-timeline:before{content:"";position:absolute;left:8px;top:5px;bottom:5px;width:4px;background-color:#ccc0;border-radius:2px}.experience-item{position:relative;margin-bottom:2.5rem}.experience-dot{position:absolute;left:-23px;top:5px;width:20px;height:20px;background-color:#31313100;border:3px solid #31313100;border-radius:50%;z-index:1}.experience-content h3{text-align:left;font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.experience-company-date{text-align:left;font-size:1.1rem;color:#555;margin-bottom:1rem;font-style:italic}.experience-content ul{list-style-type:disc;padding-left:20px}.experience-content li{margin-bottom:.5rem;line-height:1.6;text-align:justify}::-webkit-scrollbar{width:.2em;border-radius:5px}::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #0000}::-webkit-scrollbar-thumb{background-color:#a9a9a9;outline:1px solid slategrey}
