@import"https://fonts.googleapis.com/css2?family=Ibarra+Real+Nova:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Montserrat:wght@400;500;600&family=Open+Sans:wght@600&family=Oswald:wght@400;500;700&family=PT+Sans&family=Poppins:wght@300;400;500;600;700&family=Roboto:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Ibarra+Real+Nova:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Montserrat:wght@400;500;600&family=Open+Sans:wght@600&family=Oswald:wght@400;500;700&family=Outfit:wght@400;500;600;700&family=PT+Sans&family=Poppins:wght@300;400;500;600;700&family=Roboto:wght@400;500;700&display=swap";.menu{height:100vh;padding:2.9vw 20vw 0vw;background-color:#141414;display:flex;align-items:center;flex-direction:column}.menu a{color:#fff;font-size:1.5vw;margin-left:2vw;font-family:var(--font-family);text-decoration:none;padding:clamp(.25rem,.5vw,1rem) 0rem;transition:opacity .4s ease;cursor:pointer}.menu-items{position:relative;z-index:2}.menu-items:hover>a{opacity:.3}.menu-items:hover>a:hover{opacity:1}.menu-background-pattern{height:100vh;width:98vw;background-image:radial-gradient(rgba(255,255,255,.1) 9%,transparent 9%);background-position:0% 0%;background-size:12vmin 12vmin;position:absolute;left:0;top:0;z-index:1;transition:opacity .8s ease,background-size .8s ease}.menu-items:hover~.menu-background-pattern{background-size:11vmin 11vmin;opacity:.5}.menu .menu-background-pattern{position:absolute;background:radial-gradient(circle,rgba(255,255,255,.2) 10%,transparent 10%);background-size:9vmin 9vmin;transition:background-size .3s ease-in-out,background-position .3s ease-in-out;pointer-events:none}.menu .menu-background-pattern.pattern-0{background-position:15% 30%}.menu .menu-background-pattern.pattern-1{background-position:5% 30%}.menu .menu-background-pattern.pattern-2{background-position:-20% 30%}.menu .menu-background-pattern.pattern-3{background-position:-30% 30%}.navbar-mobile-menu{display:none}.navbar-mobile-container{display:flex;flex-direction:column;justify-content:start;align-items:center;background-color:#ffffff1a;padding:.95rem;position:absolute;top:18vw;left:1vw;text-align:left;border-radius:5px;box-shadow:0 0 5px #0003;width:90.5%;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out}.navbar-mobile-container.visible{opacity:1;visibility:visible}.hero-bottom-container{margin-top:15vw;display:flex;flex-direction:column}.hero-bottom-images-container{z-index:10;display:flex;justify-content:center}.hero-wilson-image{height:6vw;position:absolute;transition:opacity .15s ease-in-out}.menu-items:hover~.hero-bottom-container .hero-wilson-image{opacity:.5}.hero-triangle{position:absolute;left:38.5vw;height:4.5vw;transition:opacity .15s ease-in-out}.menu-items:hover~.hero-bottom-container .hero-triangle{opacity:.5}.hero-circle{position:absolute;left:47.6vw;top:13vw;height:4vw;transition:opacity .15s ease-in-out}.menu-items:hover~.hero-bottom-container .hero-circle{opacity:.5}.hero-square{position:absolute;right:38.5vw;top:20vw;height:3.7vw;transition:opacity .15s ease-in-out}.menu-items:hover~.hero-bottom-container .hero-square{opacity:.5}.hero-text-container{margin-top:6vw;flex-direction:column;justify-content:center;align-items:center;text-align:center}.hero-title{font-family:var(--font-family);color:#fff;font-weight:600;font-size:3.7vw;margin-top:2.5vw;transition:opacity .15s ease-in-out;white-space:nowrap}.menu-items:hover~.hero-text-container .hero-title{opacity:.5}.hero-description{font-family:var(--font-family);color:#b3b3b3;text-align:center;margin-top:1vw;padding:0vw 6vw;font-size:1.25vw}.menu-items:hover~.hero-text-container .hero-description{opacity:.5}.menu-items{opacity:0;animation:fadeIn .3s ease-in forwards;animation-delay:.2s}.hero-bottom-images-container{opacity:0;animation:fadeIn .3s ease-in forwards;animation-delay:.4s}.hero-text-container{opacity:0;animation:fadeIn .3s ease-in forwards;animation-delay:.6s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media screen and (max-width: 767px){.menu{padding:10vw 15vw}.hero-text-container{margin-top:2vw}.navbar-mobile-menu{display:flex;padding-left:67vw;margin-bottom:45vw}.menu-items{display:none}.hero-title{font-size:8.35vw;text-align:center;white-space:normal}.hero-description{font-size:2.9vw;margin-top:5vw}.hero-wilson-image{height:10vw;top:68vw}.hero-triangle{height:9.5vw;top:65vw;left:28.5vw}.hero-square{height:7.5vw;top:65.7vw;right:30vw}.hero-circle{height:8.5vw;top:49vw;left:45.5vw}.menu a{font-size:3vw;margin:0}}@media only screen and (min-width: 768px) and (max-width: 1024px){.menu{padding:7vw 20vw 0}.menu a{font-size:3vw}.hero-title{font-size:7vw;text-align:center;white-space:normal}.hero-description{font-size:2vw;padding:0 4vw}.menu-items{margin-bottom:24vw}.hero-wilson-image{height:8vw;top:46vw}.hero-triangle{height:7.5vw;top:45vw;left:30.5vw}.hero-square{height:5.5vw;top:45.8vw;right:32vw}.hero-circle{height:6.5vw;top:33vw;left:46.5vw}}.about{height:auto;background-color:#141414;padding:5vw 6vw 8vw;display:flex}.about-left{width:55%;padding-right:5vw;padding-left:6.5vw}.about-title{color:#fff;font-family:var(--font-family);font-weight:600;font-size:2.8vw;margin-bottom:3vw}.about-description{color:#fff;font-size:1.15vw;font-family:var(--font-family);margin-bottom:2vw;font-weight:300;letter-spacing:.1px}.about-right{width:45%;display:flex;justify-content:center;padding-top:7vw}.about-photo{height:20vw;border-radius:2vw;position:absolute;z-index:10}.about-photo-bg{height:20.1vw;width:20.2vw;position:relative;top:-2vw;right:-2vw}.about-hi{position:absolute;height:5vw;z-index:100;padding-top:19vw;padding-right:12vw}.about-my-skills-text{color:#fff;font-family:var(--font-family);font-weight:600;font-size:1.5vw;margin-bottom:2vw;margin-top:3vw}.about-function-skills-container{display:flex;align-items:center;margin-bottom:.8vw}.about-function-dot{height:.4vw}.about-function-text{color:#b3b3b3;font-family:var(--font-family);font-size:.9vw;text-align:center;margin-left:.4vw}.about-skills-container{display:flex;width:60%;justify-content:space-between}@media screen and (max-width: 1024px){.about{flex-direction:column;height:auto;padding-bottom:40vw}.about-left{width:85%}.about-title{font-size:6vw;margin-bottom:5vw}.about-description{font-size:3.2vw}.about-my-skills-text{font-size:3.8vw;margin-top:7vw;margin-bottom:3vw}.about-function-text{font-size:2.7vw;margin-left:1vw}.about-skills-container{width:70%}.about-function-dot{height:1vw}.about-right{width:100%}.about-photo{height:45vw;top:10vw;left:-10vw;border-radius:4vw;position:relative}.about-photo-bg{width:48vw;height:48vw;top:5vw;left:40vw}.about-hi{height:11vw;top:34vw;left:-54vw;position:relative}}.projects-container{display:flex;height:auto;padding:2vw 12vw;background-color:#141414;justify-content:center;flex-direction:column}.projects-mywork{color:#fff;font-family:var(--font-family);font-weight:600;font-size:2.8vw;margin-bottom:2vw}.projects-mywork-description{color:#b3b3b3;font-family:var(--font-family);font-size:1vw;padding-right:30vw;margin-bottom:4vw}.projects-card{height:27vw;width:67vw;padding:4vw;background-color:#181818;display:flex;border-radius:2vw;position:relative;margin-bottom:3vw}.projects-card:after{background:linear-gradient(transparent,mediumslateblue,transparent);height:70px;width:1px;position:absolute;left:0;top:65%;content:"";opacity:0;transition:top .6s ease,opacity .6s ease}.projects-card:hover:after{top:25%;opacity:1}.projects-card-left{width:40%;padding-right:4vw;display:flex;justify-content:space-between;flex-direction:column}.projects-title{color:#fff;font-family:var(--font-family);font-weight:600;font-size:1.9vw;margin-bottom:2vw}.projects-time{color:#fff;font-family:var(--font-family);font-size:.9vw;margin-bottom:2vw}.projects-description{color:#b3b3b3;font-family:var(--font-family);font-size:1vw}.projects-button{display:inline-block;padding:.8vw 1.6vw;text-align:center;text-decoration:none;border:1px solid white;border-radius:.5vw;color:#fff;font-family:var(--font-family);font-size:1vw;transition:box-shadow .15s ease-in-out}.projects-button:hover{box-shadow:0 0 15px #ffffffb3}.projects-github-logo{height:1.3vw;display:block}.projects-card-links-container{display:flex;align-items:center}.projects-github-container{display:inline-block;padding:.75vw;border:1px solid white;border-radius:.5vw;transition:box-shadow .15s ease-in-out;margin-left:1vw}.projects-github-container:hover{box-shadow:0 0 15px #ffffffb3}.projects-card-right{width:60%;background:radial-gradient(circle at 100% 80%,rgba(85,2,113,1) 0%,rgba(15,4,28,1) 35%);padding:3vw;border-radius:1.2vw;display:flex;justify-content:center;align-items:center;padding:1vw}.projects-image{height:18vw;border-radius:.5vw}.bakery-image-background{background:rgb(244,227,182)}.gauss-image-background{background:black}@media screen and (max-width: 1024px){.projects-mywork{font-size:6vw;margin-bottom:3vw}.projects-card{flex-direction:column;height:100vw;padding-top:6vw;justify-content:space-between;margin-bottom:7vw}.projects-mywork-description{padding-right:8vw;font-size:2.5vw;margin-bottom:5vw}.projects-title{font-size:4.3vw;margin-bottom:3vw}.projects-time{font-size:2.2vw;margin-bottom:3vw}.projects-description{font-size:2.8vw;margin-bottom:5vw}.projects-card-left{width:99%;height:50vw}.projects-card-right{width:96%;height:40vw}.projects-image{height:31vw}.projects-button{padding:2vw 4vw;font-size:2.3vw;margin-right:1vw}.projects-github-container{padding:2vw}.projects-github-logo{height:2.7vw}}.contact-container{height:50vw;background-color:#141414;display:flex;justify-content:center;align-items:center;position:relative}.contact-card{height:25vw;width:74vw;background-color:#181818;border-radius:2vw;display:flex;align-items:center;justify-content:center;flex-direction:column}.contact-card-main{width:60%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.ellipse-left{position:absolute;top:12.5vw;left:12.6vw;height:9vw}.ellipse-right{position:absolute;top:28.5vw;height:9vw;left:76.8vw}.contact-title{font-family:var(--font-family);color:#fff;font-weight:600;font-size:3vw;margin-bottom:1.5vw}.contact-buttons{display:flex}.contact-description{color:#b3b3b3;font-family:var(--font-family);font-size:1.1vw;margin-bottom:3vw}.contact-email-logo{height:1.4vw;margin-right:.5vw}.contact-email-button{display:flex;padding:.6vw 1vw;text-align:center;text-decoration:none;border:1px solid white;border-radius:.5vw;color:#fff;font-family:var(--font-family);font-size:.9vw;transition:box-shadow .15s ease-in-out;align-items:center;cursor:pointer}.contact-email-button:hover{box-shadow:0 0 13px #ffffffb3}.contact-logo-button{display:flex;align-items:center;padding:.6vw .7vw;border:1px solid white;border-radius:.5vw;transition:box-shadow .15s ease-in-out;margin-left:1vw;cursor:pointer}.contact-logo-button:hover{box-shadow:0 0 10px #ffffffb3}.contact-logo-image{height:1.4vw}.contact-logo-linkedin{height:1.2vw}.contact-logo-github{height:1.5vw}@media screen and (max-width: 1024px){.contact-container{padding-top:10vw;height:auto;padding-bottom:25vw}.contact-card{height:70vw}.contact-title{font-size:5.7vw;margin-bottom:2vw}.contact-card-main{width:80%}.contact-email-button{padding:1.5vw 2vw;font-size:2.5vw;border-radius:1vw}.contact-logo-button{padding:1.7vw;border-radius:1vw;margin-left:1.5vw}.contact-email-logo,.contact-logo-image{height:3.7vw}.contact-logo-github{height:3.9vw}.contact-logo-linkedin{height:3.3vw}.contact-description{font-size:2.7vw;margin-bottom:4vw}.ellipse-left{height:12vw;top:10vw}.ellipse-right{height:12vw;top:68vw;left:73.8vw}}body{margin:0}p{margin:0;padding:0}:root{--font-family: "Inter";--font-family-outfit: "Outfit"}::-webkit-scrollbar{width:.8vw}::-webkit-scrollbar-track{background:rgb(20,20,20)}::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:10px}