*{padding:0;margin:0;box-sizing:border-box}body{background-color:#1f1f1f;font-family:Karla,sans-serif}.navbar-toggler:focus{outline:none;box-shadow:none}.hero-section{color:#fff;align-items:center;justify-content:center;display:flex;flex-direction:row;height:100vh;padding:3rem 1vw}.hero-section .text-box{text-align:center;width:80%}.hero-section .text-box p{color:#f1f1f1;font-size:1.2rem;font-weight:300;padding:0 0 1rem;margin-block-start:19.2px;margin-block-end:19.2px}.hero-section .text-box h1{color:#f1f1f1;font-size:3rem;font-weight:500;margin-block-start:39.84px;margin-block-end:39.84px}.hero-section .text-box h2{color:#697565;font-size:2rem;font-weight:300;margin-block-start:26.56px;margin-block-end:26.56px}.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn{display:inline;border-radius:25px;font-size:1rem;padding:1rem 3rem;transition:all .3s ease}.btn-outline{background-color:initial;border:1px solid #697565;color:#697565}.btn-outline:hover{background-color:#697565;color:#1f1f1f}.hero-section .hero-image{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:none;flex-direction:column}img{overflow-clip-margin:content-box;overflow:clip}.about-me{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-top:3.4rem;background-color:#212529}.about-me h1{color:#697565;font-size:2rem;font-weight:300;margin-bottom:1rem;text-align:center}.accordion-and-bio{display:flex;flex-direction:column;gap:1.5rem;padding:2rem 0 0;width:100%}.accordion-and-bio .bio{background-color:#1f1f1f;border:1px solid rgba(105,117,101,.35);border-radius:18px;color:#f1f1f1;display:flex;flex-direction:column;font-weight:200;justify-content:flex-start;margin:0 10%;padding:1.75rem;width:80%}.accordion-and-bio .bio h1{color:#697565;font-size:1.5rem;font-weight:200;margin-bottom:1rem;text-align:center}.accordion-and-bio .bio p{line-height:1.5rem;padding-top:1rem}.accordion-and-bio .experience-container{background-color:#1f1f1f;border:1px solid rgba(105,117,101,.35);border-radius:18px;display:flex;flex-direction:column;gap:1rem;margin:0 10%;padding:1.75rem;width:80%}.accordion-and-bio .experience-container h3{color:#697565;font-size:1.5rem;font-weight:200;margin:0;text-align:center}.accordion-and-bio .experience-container .experience-accordion{border-radius:12px;overflow:hidden}.accordion-and-bio .experience-container .experience-summary h2{color:#212529;font-size:1.1rem;font-weight:300;margin:0;text-align:left}.accordion-and-bio .experience-container .experience-details{align-items:flex-start;background-color:#69756514;border:1px solid rgba(105,117,101,.2);border-top:none;border-bottom-left-radius:12px;border-bottom-right-radius:12px;display:flex;flex-direction:column;width:100%}.accordion-and-bio .experience-container .experience-details h3{color:#697565;font-size:1.5rem;font-weight:300;margin-bottom:1rem;text-align:center}.accordion-and-bio .experience-container .experience-details h4{color:#f1f1f1;font-size:1.1rem;font-weight:300;margin-bottom:1rem;text-align:center}.accordion-and-bio .experience-container .experience-details ul{padding:0 0 0 1rem}.accordion-and-bio .experience-container .experience-details li{color:#f1f1f1;font-size:.9rem;font-weight:300;margin-bottom:1rem}.skills-section{background-color:#1f1f1f;padding:4rem 0}.skills-section h1{color:#697565;font-size:2rem;font-weight:300;margin-bottom:1.5rem;text-align:center}.skills-categories{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1400px;padding:0 10%;width:100%}.skill-category{background:linear-gradient(180deg,#212529f5,#181818fa);border:1px solid rgba(105,117,101,.25);border-radius:20px;padding:1.5rem}.skill-category h2{color:#697565;font-size:1.15rem;font-weight:300;margin-bottom:1rem}.skills-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.skill-card{align-items:center;background-color:#69756514;border:1px solid rgba(105,117,101,.25);border-radius:18px;display:flex;flex-direction:column;gap:.85rem;justify-content:center;min-height:150px;padding:1.5rem 1rem;text-align:center;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.skill-card:hover{border-color:#69756580;box-shadow:0 20px 40px #0000003d;transform:translateY(-4px)}.skill-logo{height:42px;width:42px}.skill-logo-invert{filter:brightness(0) invert(1)}.skill-card h3{color:#f1f1f1;font-size:1rem;font-weight:300}.project-section{display:flex;flex-direction:column;align-items:stretch;justify-content:center;background-color:#1f1f1f;padding:4rem 0}.project-section h1{color:#697565;font-size:2rem;font-weight:300;text-align:center;margin-bottom:1.5rem}.project-grid{display:grid;gap:1.5rem;grid-template-columns:1fr;margin:0 auto;max-width:1400px;padding:0 10%;width:100%}.project-card{background:linear-gradient(180deg,#212529f5,#181818fa);border:1px solid rgba(105,117,101,.25);border-radius:18px;box-shadow:0 18px 45px #00000038;display:flex;flex-direction:column;justify-content:space-between;min-height:280px;overflow:hidden;padding:1.5rem;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.project-card:hover{border-color:#69756580;box-shadow:0 24px 55px #00000047;transform:translateY(-4px)}.project-card-text{display:flex;flex-direction:column;gap:1rem}.project-card-text h3{color:#697565;font-size:1.5rem;font-weight:300}.project-card-text p{color:#f1f1f1;font-size:.9rem;font-weight:100;line-height:1.6}.project-tech-list{display:flex;flex-wrap:wrap;gap:.65rem}.project-tech-chip{align-items:center;background-color:#6975651a;border:1px solid rgba(105,117,101,.25);border-radius:999px;display:inline-flex;gap:.45rem;max-width:100%;min-height:36px;padding:.45rem .75rem}.project-tech-chip span{color:#f1f1f1;font-size:.8rem;font-weight:300;line-height:1;white-space:nowrap}.project-tech-logo{flex-shrink:0;height:16px;width:16px}.project-tech-logo-invert{filter:brightness(0) invert(1)}.project-card-links{display:flex;gap:.85rem;margin-top:1.5rem}.project-icon-link{align-items:center;border:1px solid rgba(105,117,101,.5);border-radius:999px;color:#f1f1f1;display:inline-flex;font-size:1rem;height:42px;justify-content:center;text-decoration:none;transition:background-color .25s ease,border-color .25s ease,color .25s ease,transform .25s ease;width:42px}.project-icon-link:hover{background-color:#697565;border-color:#697565;color:#1f1f1f;transform:translateY(-2px)}.contact-section{padding-bottom:3rem;background-color:#212529}.contact-section .contact-text{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 2rem 2rem;text-align:center;width:100%}.contact-section .contact-text h1{color:#697565;font-size:2rem;font-weight:300;padding:2rem 0 0;margin-block-end:26.56px;margin-block-start:26.56px}.contact-section .contact-text p{color:#f1f1f1;font-size:1.1rem;font-weight:300}.contact-section .contacts{display:flex;align-items:center;flex-direction:column;height:100%;justify-content:center;padding:1rem;width:100%}.social-container{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:center;padding:1rem;text-align:center;width:100%}.social-container>a{text-decoration:none}.social-container i{font-size:2.5rem;padding:0 1.5rem;text-decoration:none}.social-container i,.social-container p{color:#f1f1f1;font-weight:300;transition:all .3s ease-in-out}.social-container p{font-size:1.1rem}footer{background-color:#212529;color:#f1f1f1;padding:15px;text-align:center}@media screen and (min-width: 768px){.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width: 1024px){.hero-section{display:flex;flex-direction:row;justify-content:space-between}.hero-section .text-box{width:60%;text-align:left}.hero-actions{justify-content:flex-start}.hero-section .hero-image{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;border-radius:50%}.hero-section .hero-image img{border-radius:50%;height:300px;width:300px}.accordion-and-bio{align-items:stretch;flex-direction:row;margin:0 auto;max-width:1200px;padding:2rem 5% 3rem}.about-me .accordion-and-bio .bio,.about-me .accordion-and-bio .experience-container{margin:0;width:50%}.skills-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.skills-categories{padding:0 5%}.project-grid{grid-template-columns:repeat(4,minmax(0,1fr));padding:0 5%}}