@import"https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth!important}body{font-family:"Source Sans 3",sans-serif;background-color:#000;color:#000;letter-spacing:.4px}h1,h2,h3,h4,h5,h6{font-weight:700}h1{font-size:36px}h2{padding-top:8px;padding-bottom:8px;font-size:30px;color:#121212}h6{color:#3b82f6;font-size:16px;text-transform:uppercase;letter-spacing:1.6px}li{cursor:pointer}input{background-color:#fff;border:2px solid #d1d5db;border-radius:8px;padding:12px;display:flex}button{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border-radius:12px;background-color:#cdcdcd;color:#fff;text-transform:uppercase}header{position:fixed;top:0;right:0;width:100%;z-index:1000;transition:box-shadow .3sffffff}.navbar-wrapper{display:flex;justify-content:space-between;align-items:center;width:100%;padding-left:1.5rem;padding-right:1.5rem}.navbar-list{display:flex;justify-content:space-between;align-items:center;gap:1.875rem;list-style:none}.navbar-links{color:#fff;text-decoration:none;transition:.25s}.navbar-links:hover{color:#007fff}.navbar-links:after{content:"";width:0%;height:.125rem;background:#007fff;display:block;margin:auto;transition:.25s}.navbar-links:hover:after{width:100%}.navbar-hamburger{display:none;cursor:pointer}.navbar-bar{display:block;width:1.5625rem;height:.1875rem;margin:.3125rem;margin-left:auto;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background-color:#fff}.navbar-shadow{box-shadow:0 4px 6px #0000001a}@media (max-width: 768px){header{background-color:#ecf0f3;padding:1rem 4%}.navbar-hamburger{display:block}.navbar-hamburger.active .navbar-bar:nth-child(2){opacity:0}.navbar-hamburger.active .navbar-bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.navbar-hamburger.active .navbar-bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.navbar-list{position:fixed;right:-150%;top:4.0625rem;gap:0;flex-direction:column;background-color:#ecf0f3;width:100%;text-align:center;transition:.3s;z-index:1}.navbar-list li{margin:.5rem 0}.navbar-list.active{right:0;padding-left:0}.navbar-wrapper{padding-left:0;padding-right:0}}@media (max-width: 480px){header{background-color:#ecf0f3;padding:.75rem 2%}.navbar-list{top:4.0625rem}}.home-section{display:flex;align-items:center;justify-content:center;overflow:auto;width:100%;height:100vh;text-align:center}.home-intro{letter-spacing:.0625rem;color:#fff;font-size:.875rem;margin:auto}.home-name{margin:.3125rem;font-size:1.875rem;color:#007fff}.home-type-animation{display:flex;justify-content:center;font-size:1rem;color:#fff}.home-description{font-size:.875rem;margin:auto;max-width:70%}.home-connect{font-size:1rem;text-transform:uppercase;letter-spacing:.0625rem;color:#007fff}.home-links{font-size:1rem;display:flex;align-items:center;justify-content:space-between;max-width:20.625rem;margin:auto}.home-link-icons{border-radius:9999px;box-shadow:0 10px 15px -3px #9ca3af,0 4px 6px -4px #9ca3af;padding:1.5rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:#fff;transition:all .3s ease-in}.home-link-icons:hover{transform:scale(1.1);box-shadow:0 10px 15px -3px #007fff,0 4px 6px -4px #007fff;color:#007fff}.home-spacing{padding-right:.625rem;padding-left:.625rem}@media (max-width: 768px){.home-name{font-size:1.625rem}.home-type-animation{font-size:.875rem}.home-description{font-size:.8125rem;max-width:85%}.home-connect,.home-links{font-size:.875rem}.home-link-icons{padding:1.25rem}}@media (max-width: 480px){header{background-color:#ecf0f3;padding:.75rem 2%}.home-name{font-size:1.375rem}.home-type-animation{font-size:.8125rem}.home-description{font-size:.75rem;max-width:90%}.home-link-icons{padding:1.125rem}}@media (max-width: 23.4375rem){.home-name{font-size:1.25rem}.home-description{font-size:.6875rem}.home-link-icons{padding:1rem}}.skills-section{width:100%;margin-top:8rem;padding-left:1.5rem;padding-right:1.5rem}.skills-title{color:#fff}@media (min-width: 640px){.skills-section{padding-left:4rem;padding-right:4rem}}@media (min-width: 768px){.skills-section{padding-left:7rem;padding-right:7rem}}.skills-container{max-width:1240px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;justify-content:center;height:100%}.skills-grid{font-size:.875rem;line-height:1.25rem;display:grid;gap:.5rem}@media (min-width: 768px){.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.skills-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.skill-card{padding:1.5rem;border-radius:.75rem;box-shadow:0 10px 15px -3px #9ca3af,0 4px 6px -4px #9ca3af;transition-property:transform,box-shadow,color;transition-timing-function:cubic-bezier(.4,0,1,1);transition-duration:.3s;color:#fff}.skill-card:hover{transform:scale(1.05);color:#007fff;box-shadow:0 10px 15px -3px #007fff,0 4px 6px -4px #007fff}.skill-card-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;justify-content:center;align-items:center}.skill-image-container{margin:auto;cursor:pointer}.skill-image{display:block}.skill-name-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.projects-section{width:100%;margin-top:8rem;padding-left:1.5rem;padding-right:1.5rem}@media (min-width: 640px){.projects-section{padding-left:4rem;padding-right:4rem}}@media (min-width: 768px){.projects-section{padding-left:7rem;padding-right:7rem}}.projects-container{max-width:1240px;margin-left:auto;margin-right:auto;height:100%}.projects-section-subtitle{font-size:1rem}.projects-title{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:#fff}.projects-grid{display:grid;gap:2rem}@media (min-width: 1024px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.project-card{display:flex;flex-direction:column;align-items:center;height:auto;width:100%;box-shadow:0 10px 15px -3px #9ca3af1a,0 4px 6px -4px #9ca3af1a;border-radius:.75rem;padding:1rem;transition-property:box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,1,1);transition-duration:.1s}.project-card:hover{box-shadow:0 10px 15px -3px #007fff1a,0 4px 6px -4px #007fff1a;transform:scale(1.05)}.project-image{border-radius:.75rem;width:100%;height:auto;object-fit:cover;transition:opacity .3s ease-in-out}.project-card:hover .project-image{opacity:.3}.project-name{font-size:1.25rem;line-height:1.75rem;padding-bottom:1.5rem;letter-spacing:.05em;text-align:center;color:#fff}@media (min-width: 640px){.project-name{padding-bottom:1.25rem}}@media (min-width: 768px){.project-name{font-size:1.5rem;line-height:2rem}}.project-links-container{display:flex;align-items:center;justify-content:center}.project-links-container .project-link-wrapper:first-child{padding-right:.5rem}.project-links-container .project-link-wrapper:last-child{padding-left:.5rem}.project-link-button{display:inline-block;padding:.375rem .5rem;border-radius:9999px;background-color:#232323;color:#fff;text-decoration:none;cursor:pointer;transition-property:background-color,color;transition-timing-function:cubic-bezier(.4,0,1,1);transition-duration:.2s}.project-link-button:hover{background-color:#007fff;color:#fff}@media (min-width: 640px){.project-link-button{padding:.5rem 1rem}}.project-link-content{display:flex;align-items:center;justify-content:center}.project-link-text{font-weight:700;font-size:.875rem;line-height:1.25rem;margin:0}@media (min-width: 768px){.project-link-text{font-size:1rem;line-height:1.5rem}}.project-link-icon{padding-left:.5rem;display:flex;align-items:center}.project-tech-details,.project-features-details{text-align:center;font-size:.75rem;line-height:1rem;color:#9ca3af}.project-tech-details{padding-top:.5rem}.project-features-details{padding:0}@media (min-width: 640px){.project-tech-details{padding-top:2rem}}@media (min-width: 768px){.project-tech-details,.project-features-details{font-size:.875rem;line-height:1.25rem}}