html{font-family:Gill sans;margin:0;padding:0;scroll-behavior:smooth}body{background-color:#2d2e47;width:100%;max-width:100%;line-height:1.5;margin:0;padding:0}*{box-sizing:border-box}.cover{margin-left:13.3%;margin-right:13.3%;margin-top:5rem}.hero-content{text-align:center}.hero-title{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:1rem}.title{font-size:4.5rem;color:#fff;font-style:bold;line-height:3.5rem;display:inline;position:relative;font-weight:600}.highlight{color:#a768e7}.subtitle{margin-top:2rem;font-size:2rem;color:#fff;font-style:bold}.desc{font-size:1rem;color:#fff;font-style:bold;margin-left:13.3%;flex-wrap:wrap}.about{margin-top:20rem;padding-top:5rem;color:#fff;margin-left:20%;margin-right:20%;font-size:3rem;text-align:center}.aboutdesc{text-align:left;font-size:1.5rem}.section-title{text-align:center;margin-bottom:2rem;font-size:2.5rem;font-weight:700;color:#fff}.skills-section{padding:4rem 2rem;max-width:1200px;margin:0 auto}.skill-category{text-align:center;position:relative;margin-bottom:3rem}.skill-category-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#a768e7}.skills-grid{display:flex;overflow-x:auto;overflow-y:hidden;gap:1rem;padding:1.5rem;border-radius:15px;margin-left:5%;margin-right:5%;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;cursor:grab}.skills-grid::-webkit-scrollbar{display:none}.skills-grid:active{cursor:grabbing}.skill-item{display:flex;flex-direction:column;align-items:center;padding:.7rem;border-radius:12px;background-color:#a768e71a;transition:transform .3s ease,box-shadow .3s ease;min-width:120px;max-width:120px;min-height:120px;justify-content:center;border:1px solid rgba(167,104,231,.2);flex-shrink:0;user-select:none}.skill-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px #a768e733}.skill-icon{width:5rem;height:5rem;object-fit:contain;background:#fff;margin-bottom:.75rem;border-radius:8px;padding:8px}.skill-name{font-size:1rem;font-weight:500;text-align:center;color:#fff;word-wrap:break-word}.skill-category:before,.skill-category:after{content:"";position:absolute;top:55%;width:40px;height:189px;pointer-events:none;z-index:1;transform:translateY(-50%);border-radius:5px;transition:opacity .3s ease}.skill-category:before{left:5%;background:linear-gradient(to right,rgba(167,104,231,.3),transparent)}.skill-category:after{right:5%;background:linear-gradient(to left,rgba(167,104,231,.3),transparent)}.scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#a768e7cc;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:18px;cursor:pointer;z-index:2;transition:all .3s ease;opacity:.7}.scroll-arrow:hover{opacity:1;transform:translateY(-50%) scale(1.1)}.scroll-arrow.left{left:2%}.scroll-arrow.right{right:2%}.scroll-hint{text-align:center;font-size:.9rem;color:#fff;margin-top:1rem;opacity:.7}@media (max-width: 768px){.skills-grid{padding:1rem;margin-left:2%;margin-right:2%;-webkit-overflow-scrolling:touch}.scroll-arrow{display:none}}.skills{border-radius:25px;background:#494a71;padding:10px;position:relative;width:75%;max-width:70rem;margin:auto;text-align:center}.techicon{transition:all .3s ease-in-out;border-radius:15px;background:#fff;padding:10px;width:110px;height:140px;font-size:1.2rem;margin-inline-start:0px;margin-inline-end:0px;margin-right:2px;margin-left:2px;margin-top:10px;position:relative;display:inline-block}.techicon:hover{transform:scale(1.06)}.techtitle{text-align:center}.techlogo{width:60px;height:70px;display:flex;margin:10px auto 0;padding:5px;position:relative;overflow:hidden;object-fit:cover;overflow:visible}.projecttitle{font-size:3.5rem;color:#fff;font-style:bold;margin:auto;width:50%;text-align:center;padding-top:5rem}.additional-link{color:#fff;text-decoration:underline}.additional-link:hover{color:#9354d3}.projects-section{padding:4rem 2rem;max-width:1200px;margin:0 auto}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.project-card{background:#494a71;border-radius:15px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;height:100%}.project-card:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 10px 25px #00000026}.card-image-container{height:auto}.card-image{width:100%;height:100%;object-fit:cover}.card-content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.card-title{font-size:1.5rem;font-weight:600;margin-bottom:.75rem;margin-top:0;color:#fff}.card-description{font-size:.9rem;line-height:1.5;margin-bottom:1.5rem;color:#fff;flex-grow:1}.card-actions{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.card-link{color:#fff}.card-link:hover{color:#9354d3}.card-github{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#333;color:#fff;border-radius:50%;text-decoration:none;transition:background-color .3s ease;font-size:1.2rem}.card-github:hover{background:#555;color:#c3a3ee}.projects{width:80%;max-width:75rem;margin:auto;text-align:center}.projectcards{margin-top:2%;grid-template-columns:repeat(1,minmax(0,1fr));display:grid}.card{background:#494a71;border-radius:15px;display:flex;flex-direction:column;justify-content:space-between;padding:20px;color:#fff;text-align:left;transition:all .3s ease-in-out;font-size:18px;margin-top:auto;flex:1;height:100%}.card:hover{transform:scale(1.01)}.card-container{gap:20px;justify-content:center;align-items:stretch;margin:20px}.cardtitle{font-weight:1000}.cardlink{color:#fff;display:inline-block}.cardlink:hover{color:#c3a3ee}.cardgithub{font-size:3rem;float:right;color:#fff}.cardgithub:hover{color:#c3a3ee}.cardimage{width:100%;height:auto;border-radius:8px 8px 0 0}.resume{background-color:var(--main-background);border-radius:10px;color:#fff;border:2px solid #7021bf;padding:8px 24px;margin:10px;cursor:pointer;font-family:Verdana;font-size:1.2rem}.hamburger{padding-left:5px;cursor:pointer;padding-bottom:10px;position:relative;z-index:2;padding-top:10px}.hamburger .line{display:block;width:40px;height:5px;background-color:#7021bf;margin-bottom:10px}.nav-links{background-image:linear-gradient(to right,#494a71,#7021bf);opacity:100%;overflow:hidden;padding-bottom:0rem;position:absolute;top:-20px;display:none;width:100%}.nav-links a{display:block;position:relative;text-decoration:none;font-size:1rem;height:2.3rem;color:#d2d0d8;text-align:center;opacity:100%}.right{float:none}.nav-links:hover,a:focus{opacity:100%}.nav-links a:hover,a:focus{color:#fff;opacity:100%}.expanded{display:block}.navlogo{display:inline;height:10px;width:10px;text-align:center;position:relative;padding:15px}.behind{max-width:50px;overflow:visible}.behind:hover{max-width:100%}.hover-underline-animation{display:inline-block;position:relative;color:#c3a3ee}.hover-underline-animation:after{content:"";position:absolute;display:block;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:#c3a3ee;transform-origin:bottom right;transition:transform .25s ease-out}.hover-underline-animation:hover:after{transform:scaleX(1);transform-origin:bottom left}.socialbar{margin-top:5rem;margin-bottom:1rem;position:fixed;left:15px;bottom:0;text-align:left;display:grid;width:40px;font-family:Gill sans}.social{max-width:50px}.socialbutton{margin-top:1rem;margin-bottom:1rem;font-size:1.5rem;color:#fff;display:block;transition:all .3s ease-in-out}.socialbutton:hover{transform:scale(1.05);margin-left:1%}.socialbar:hover{width:100%}.popout{display:none;color:#fff;background-color:#2d2e47;padding:10px;border-radius:20px;vertical-align:bottom;font-size:1rem;transition:.5s ease-in-out;pointer-events:none;overflow:visible}.socialbutton:hover .effect{display:inline-block;font-family:Gill Sans;font-weight:400}@media (max-width: 768px){.skills-grid{padding:1rem;margin-left:2%;margin-right:2%}.skill-item{padding:1rem;min-width:100px;max-width:100px;min-height:100px}.skill-icon{width:40px;height:40px}.skill-name{font-size:.8rem}.skill-category:before,.skill-category:after{width:30px;height:120px}.skill-category:before{left:2%}.skill-category:after{right:2%}.projects-grid{grid-template-columns:1fr}.section-title{font-size:2rem}.hero-title{flex-direction:column;align-items:center}.title{font-size:3rem;line-height:2.5rem}.subtitle{font-size:1.5rem}}@media (max-width: 480px){.skills-grid{margin-left:1%;margin-right:1%}.skill-item{min-width:90px;max-width:90px;min-height:90px;padding:.8rem}.skill-icon{width:36px;height:36px}.skill-name{font-size:.75rem}}@media screen and (min-width: 1050px){.projectcards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width: 520px){.nav-links{display:block;position:static;width:auto;max-height:45px;z-index:1;opacity:75%}.sticky{position:fixed;top:0;width:100%}.sticky+.content{padding-top:60px}.nav-links a{display:inline-block;font-size:20px;opacity:75%}.cover{padding-top:15rem}.socialbutton{font-size:2.5rem}.popout{font-size:1.5rem}.navbarreroute{padding-top:.6rem;margin-right:1rem}.right{float:right}.hamburger{display:none}.navlogo{width:50px;height:50px;display:block;padding:10px 10px 15px;margin:0}}