body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;background-image:url(/static/media/main2.0ebe429cb93c279cfc3e.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;justify-content:center;min-height:100vh;-webkit-user-select:none;user-select:none}.App .division{justify-items:center;max-width:1536px;width:100%}.App .back-to-top{background:none;border:none;bottom:20px;color:#fff;position:fixed;right:20px}.App .arrow{align-items:center;background-color:rgba(0,0,0,.568);border-radius:3rem;display:flex;height:48px;justify-content:center;width:48px}.App .arrow svg{fill:#0000;stroke:#fff}@media(max-width:768px){.App{background:none;justify-content:flex-start;width:100%}.App .arrow{display:none}}@media(max-width:475px){.App{background:none;width:100%}.App .arrow{display:none}}*{box-sizing:border-box;margin:0;padding:0}body{overflow-x:hidden}header{background:#fffc;padding:24px 0;position:sticky;top:0;transition:background .3s ease-in-out,box-shadow .3s ease-in-out;width:100%;z-index:1000}header.scrolled{background:#fff;box-shadow:0 4px 10px #0000001a}header .container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 32px;width:100%}header .container .image img{height:auto;max-width:100%}header .container .menu-icon{cursor:pointer;display:none;font-size:24px}@media(max-width:768px){header .container .menu-icon{display:block}}header .container .menu-icon svg{height:30px;width:30px}header .container .nav-links{display:flex;gap:3rem;list-style:none}@media(max-width:768px){header .container .nav-links{background:#fffc;box-shadow:0 4px 10px #0000001a;display:none;flex-direction:column;justify-content:center;left:0;padding:16px;position:absolute;text-decoration:none;top:136px;width:100%;z-index:1001}}header .container .nav-links.open{display:flex}header .container .nav-links li a{color:#000;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s ease}@media(max-width:768px){header .container .nav-links li a{align-items:center;display:flex;justify-content:flex-start}}header .container .nav-links li a span{display:none;font-size:1.5rem}@media(max-width:768px){header .container .nav-links li a span{display:block}}header .container .nav-links li a:hover{background-color:#000;border-radius:5px;color:#fff}header .container .resume-button{background:#000;border-radius:5px;color:#fff;font-family:Sora-SBold;font-size:20px;line-height:24px;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s ease}header .container .resume-button:hover{background:#fff;color:#000}@media(max-width:768px){header{padding:16px}header .nav-links,header .resume-button{display:none}}.hero{background:#fffc;box-shadow:0 4px 10px #0000001a;flex-direction:column;justify-content:center;padding:60px 80px}.hero,.hero .content{align-items:center;display:flex;width:100%}.hero .content{gap:2rem;justify-content:space-between;max-width:1280px}.hero .content .image{align-items:flex-start;display:flex;flex:1 1;justify-content:center;max-width:50%}.hero .content .image img{height:auto;max-width:100%}.hero .content .text{flex:1 1;max-width:50%}.hero .content .text h1,.hero .content .text h2,.hero .content .text h3{margin:.5rem 0}.hero .content .text h1{color:#000;font-family:Sora-Regular;font-size:48px;line-height:56px}.hero .content .text h1 span{color:#000;font-family:Sora-EBold}.hero .content .text h2{color:#000;font-family:Outlined-EBold;font-size:48px;line-height:56px}.hero .content .text h2 span{color:#000;font-family:Sora-EBold}.hero .content .text h3{color:#000;font-family:Sora-Regular;font-size:48px;line-height:56px}.hero .content .text h3 span{color:#000;font-family:Sora-EBold}.hero .content .text p{color:#71717a;font-family:Sora-Regular;font-size:16px;line-height:1.5;margin-top:1rem}.hero .content .social-buttons{align-items:flex-end;display:flex;gap:1rem;margin-top:1rem;position:relative}.hero .content .social-buttons a{align-items:center;background-color:#fff;border:2px solid #000;cursor:pointer;display:flex;height:50px;justify-content:center;transition:all .3s ease;width:50px}.hero .content .social-buttons a:hover{background-color:#000;color:#fff}.hero .content .social-buttons a:hover .icon{color:#fff}.hero .content .social-buttons a .icon{color:#000;font-size:24px}@media(max-width:768px){.hero{justify-content:center;padding:40px 16px}.hero .content{align-items:flex-start;bottom:0;flex-direction:column}.hero .content .image{flex:1 1;max-width:100%;top:0}.hero .content .image img{height:auto;max-width:100%}.hero .content .text{flex:1 1;max-width:100%;text-align:start}.hero .content .text h1,.hero .content .text h2,.hero .content .text h3{margin:.5rem 0}.hero .content .text h1{color:#000;font-family:Sora-Regular;font-size:32px;line-height:40px}.hero .content .text h1 span,.hero .content .text h2{color:#000;font-family:Sora-EBold}.hero .content .text h2{font-size:32px;line-height:40px}.hero .content .text h2 span{color:#000;font-family:Outlined-EBold}.hero .content .text h3{color:#000;font-family:Sora-Regular;font-size:32px;line-height:40px}.hero .content .text h3 span{color:#000;font-family:Sora-EBold}.hero .content .text p{font-size:14px;line-height:20px}}@media(max-width:475px){.hero{justify-content:center;padding:40px 16px}.hero .content{align-items:flex-start;bottom:0;flex-direction:column}.hero .content .image{flex:1 1;max-width:100%;top:0}.hero .content .image img{height:auto;max-width:100%}.hero .content .text{flex:1 1;max-width:100%;text-align:start}.hero .content .text h1,.hero .content .text h2,.hero .content .text h3{margin:.5rem 0}.hero .content .text h1{color:#000;font-family:Sora-Regular;font-size:32px;line-height:40px}.hero .content .text h1 span,.hero .content .text h2{color:#000;font-family:Sora-EBold}.hero .content .text h2{font-size:32px;line-height:40px}.hero .content .text h2 span{color:#000;font-family:Outlined-EBold}.hero .content .text h3{color:#000;font-family:Sora-Regular;font-size:32px;line-height:40px}.hero .content .text h3 span{color:#000;font-family:Sora-EBold}.hero .content .text p{font-size:14px;line-height:20px}}@font-face{font-family:Outlined-EBold;src:url(/static/media/cocogoose-pro.block-border.d4e63f4125d7fcfea678.ttf)}.experience{background:rgba(0,0,0,.829);padding:60px 80px;text-align:center;width:100%}.experience h1{font-family:Sora-Regular;margin-bottom:2rem;-webkit-user-select:none;user-select:none}.experience h1,.experience h1 span{color:#fff;font-size:48px;line-height:56px}.experience h1 span{font-family:Sora-EBold}.experience .container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center}@media(max-width:768px){.experience{padding:40px 16px}.experience h1{margin-bottom:1rem}.experience h1,.experience h1 span{font-size:32px;line-height:40px}.experience .container{gap:1rem}}@media(max-width:475px){.experience{padding:40px 16px}.experience h1{margin-bottom:1rem}.experience h1,.experience h1 span{font-size:32px;line-height:40px}.experience .container{gap:1rem}}.experiencecard{border:2px solid #27272a;border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:36px;text-align:left}.experiencecard:hover{background-color:hsla(0,0%,100%,.294);transition:background-color .6s ease}.experiencecard .title{align-items:center;display:flex;gap:1rem;-webkit-user-select:none;user-select:none}.experiencecard .title img{height:24px;width:24px}.experiencecard .title .text{align-items:center;display:flex;flex:1 1;justify-content:center}.experiencecard .title .text h4{color:#d4d4d8;flex-grow:1;font-family:Sora-SBold;font-size:24px;line-height:28px;margin:0}.experiencecard .title .text h6{color:#d4d4d8;font-family:Sora-SBold;font-size:16px;line-height:20px;margin:0}.experiencecard .paragraph p{color:#d4d4d8;font-family:Sora-Regular;font-size:16px;line-height:20px;margin:0}@media(max-width:768px){.experiencecard{margin:0;padding:30px 24px}.experiencecard .title{align-items:center}.experiencecard .title img{height:24px;width:24px}.experiencecard .title .text{align-items:flex-start;flex-direction:column}.experiencecard .title .text h4{font-size:20px;line-height:24px}.experiencecard .title .text h6{font-size:16px;line-height:20px}.experiencecard .paragraph p{font-size:14px;line-height:20px;-webkit-user-select:none;user-select:none}}@media(max-width:475px){.experiencecard{margin:0;padding:30px 24px}.experiencecard .title{align-items:center}.experiencecard .title img{height:24px;width:24px}.experiencecard .title .text{align-items:flex-start;flex-direction:column}.experiencecard .title .text h4{font-size:20px;line-height:24px}.experiencecard .title .text h6{font-size:16px;line-height:20px}.experiencecard .paragraph p{font-size:14px;line-height:20px;-webkit-user-select:none;user-select:none}}@font-face{font-family:Sora-Regular;src:url(/static/media/Sora-SemiBold.28f7c2754dfdcee856af.ttf)}.skillCard{align-items:center;background:#fff0;display:flex;flex-direction:column;height:192px;justify-content:center;width:192px}.skillCard img{height:96px;object-fit:contain;width:96px}.skillCard h2{color:#000;font-family:Sora-Regular;font-size:16px;margin-top:1rem}@media(max-width:768px){.skillCard{height:128px;width:128px}.skillCard img{height:64px;width:64px}.skillCard h2{font-size:12px}}@media(max-width:475px){.skillCard{height:96px;width:96px}.skillCard img{height:48px;width:48px}.skillCard h2{font-size:10px}}.skills{background:#fffc;padding:60px 80px;text-align:center;width:100%}.skills h1{font-family:Sora-Regular;font-weight:700}.skills h1,.skills h1 span{font-size:48px;line-height:56px}.skills h1 span{color:#000;font-family:Sora-EBold}.skills .marquee,.skills .marquee2{--gap:70px;display:flex;gap:var(--gap);overflow:hidden;-webkit-user-select:none;user-select:none;width:100%}.skills .marquee .marquee-content,.skills .marquee2 .marquee-content{align-items:center;animation:scroll 25s linear infinite;display:flex;flex-shrink:0;gap:var(--gap);justify-content:space-between;list-style:none;min-width:100%}.skills .marquee .marquee-content2,.skills .marquee2 .marquee-content2{align-items:center;animation:scroll2 25s linear infinite;display:flex;flex-shrink:0;gap:var(--gap);justify-content:space-between;list-style:none;margin-top:20px;min-width:100%}.skills .marquee2:hover .marquee-content,.skills .marquee2:hover .marquee-content2,.skills .marquee:hover .marquee-content,.skills .marquee:hover .marquee-content2{animation-play-state:paused}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(calc(-100% - var(--gap)))}}@keyframes scroll2{0%{transform:translateX(calc(-100% - var(--gap)))}to{transform:translateX(0)}}@media(max-width:768px){.skills{padding:40px 16px}.skills h1,.skills h1 span{font-size:24px;line-height:28px}.skills .marquee,.skills .marquee2{--gap:10px;margin-top:4px}.skills .marquee .marquee-content,.skills .marquee2 .marquee-content{animation:scroll 20s linear infinite}.skills .marquee .marquee-content2,.skills .marquee2 .marquee-content2{animation:scroll2 20s linear infinite;margin-top:10px}}@media(max-width:475px){.skills{padding:40px 16px}.skills h1,.skills h1 span{font-size:24px;line-height:28px}.skills .marquee,.skills .marquee2{--gap:10px;margin-top:4px}.skills .marquee .marquee-content,.skills .marquee2 .marquee-content{animation:scroll 20s linear infinite}.skills .marquee .marquee-content2,.skills .marquee2 .marquee-content2{animation:scroll2 20s linear infinite;margin-top:10px}}.aboutme{align-items:center;background:#fffc;display:flex;justify-content:center;padding:60px 80px;width:100%}.aboutme img{flex:1 1;height:auto;margin:4rem;max-width:40%}.aboutme .link{text-decoration:none}.aboutme .link:hover{text-decoration:underline}.aboutme .text{flex:2 1;padding-right:2rem;text-align:start}.aboutme .text h1{font-family:Sora-Regular;font-size:48px;line-height:56px;margin-bottom:1rem}.aboutme .text span{font-family:Sora-EBold;font-size:48px;line-height:56px}.aboutme .text p{color:#71717a;font-family:Sora-Regular;font-size:16px;line-height:20px;margin-bottom:.5rem}.aboutme .text p span{color:#000;font-family:Sora-EBold;font-size:16px;line-height:20px}@media(max-width:768px){.aboutme{flex-direction:column;padding:40px 16px;text-align:center}.aboutme .text{padding:0}.aboutme .text h1,.aboutme .text span{font-size:32px;line-height:40px}.aboutme .text p{font-size:14px;line-height:20px}}@media(max-width:475px){.aboutme{flex-direction:column;padding:40px 16px;text-align:center}.aboutme .text{padding:0}.aboutme .text h1,.aboutme .text span{font-size:32px;line-height:40px}.aboutme .text p{font-size:14px;line-height:20px}}.project-card{align-items:center;border-radius:2rem;display:flex;overflow:hidden}.project-card:hover{background-color:hsla(0,0%,100%,.294);transition:background-color 1s ease}.project-card.reverse{flex-direction:row-reverse}.project-card .project-image{border-radius:2rem;height:auto;margin:0 2rem;object-fit:cover;width:20%}.project-card .project-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:1rem}.project-card .project-content h1{font-family:Sora-EBold;font-size:48px;line-height:56px;margin-bottom:.5rem}.project-card .project-content h2{font-family:Sora-Bold;font-size:32px;line-height:48px;margin-bottom:1rem}.project-card .project-content p{color:#fff;font-family:Sora-Regular;font-size:16px;line-height:20px;margin-bottom:1rem}.project-card .project-content .project-link{align-self:flex-start;color:#fff;font-size:1.5rem;text-decoration:none;transition:transform .2s}.project-card .project-content .project-link:hover{transform:scale(1.1)}@media(max-width:768px){.project-card{align-items:center}.project-card,.project-card.reverse{flex-direction:column}.project-card .project-image,.project-card .project-video{height:auto;width:100%}.project-card .project-content{align-items:flex-start;flex-direction:column;justify-content:center}.project-card .project-content h1,.project-card .project-content h2{font-size:24px;line-height:28px;margin-bottom:.5rem}.project-card .project-content p{font-size:14px;margin-bottom:.5rem}.project-card .project-content .project-link{font-size:1.5rem}}@media(max-width:475px){.project-card{align-items:center}.project-card,.project-card.reverse{flex-direction:column}.project-card .project-image,.project-card .project-video{height:auto;width:100%}.project-card .project-content{align-items:flex-start;flex-direction:column;justify-content:center}.project-card .project-content h1,.project-card .project-content h2{font-size:24px;line-height:28px;margin-bottom:.5rem}.project-card .project-content p{font-size:14px;margin-bottom:.5rem}.project-card .project-content .project-link{font-size:1.5rem}}.projects{background:rgba(0,0,0,.829);color:#fff;display:flex;flex-direction:column;padding:60px 80px;width:100%}.projects h1{font-family:Sora-Regular;text-align:center}.projects h1,.projects h1 span{font-size:48px;line-height:56px}.projects h1 span{color:#fff;font-family:Sora-EBold}.projects .projects-list{display:flex;flex-direction:column;gap:3rem;margin:2rem 4rem 0}@media(max-width:768px){.projects{padding:40px 16px}.projects h1,.projects h1 span{font-size:32px;line-height:40px}.projects .projects-list{margin:0}}@media(max-width:475px){.projects{padding:40px 16px}.projects h1{margin-bottom:1rem}.projects h1,.projects h1 span{font-size:32px;line-height:40px}.projects .projects-list{margin:0}}.contact{background:#fff;display:flex;gap:4rem;padding:60px 80px;width:100%}.contact .contact-form{display:flex;flex:1 1;flex-direction:column;gap:1rem}.contact .contact-form input,.contact .contact-form textarea{border:1px solid #000;border-radius:4px;color:#71717a;font-family:Sora-Regular;font-size:16px;line-height:20px;outline:none;padding:.75rem}.contact .contact-form input:focus,.contact .contact-form textarea:focus{border-color:#ef4444}.contact .contact-form .form-footer{align-items:center;display:flex;flex:1 1;gap:1rem;justify-content:space-between}.contact .contact-form .form-footer button{background:#000;border:2px solid #000;border-radius:4px;color:#fff;cursor:pointer;font-family:Sora-SBold;font-size:20px;line-height:24px;padding:.75rem;transition:background .3s;width:100%}.contact .contact-form .form-footer button:hover{background:#fff;color:#000}.contact .contact-form .form-footer .social-icons{display:flex;gap:1rem;position:relative}.contact .contact-form .form-footer .social-icons a{align-items:center;background-color:#fff;border:2px solid #000;color:#000;display:flex;height:50px;justify-content:center;transition:all .3s ease;width:50px}.contact .contact-form .form-footer .social-icons a:hover{background-color:#000;color:#fff}.contact .contact-form .form-footer .social-icons a:hover .icon{color:#fff}.contact .contact-form .form-footer .social-icons a .icon{color:#000;font-size:24px}.contact .contact-info{flex:1 1}.contact .contact-info h2{font-family:Sora-EBold;font-size:48px;line-height:56px;margin-bottom:1rem}.contact .contact-info h2 span{color:#000;font-family:Outlined;font-size:48px;line-height:56px}.contact .contact-info p{color:#71717a;font-family:Sora-Regular;font-size:16px;line-height:20px;margin-bottom:1rem}.contact .contact-info p a{color:#000;font-family:Sora-SBold;font-size:28px;line-height:32px;text-decoration:none}.contact .contact-info p a:hover{background-color:#000;border:2px solid #000;color:#fff;padding:.5rem}.contact .contact-info h3{color:#000;font-family:Sora-SBold;font-size:28px;line-height:32px}@media(max-width:768px){.contact{flex-direction:column;gap:1rem;padding:40px 16px;width:100%}.contact .contact-form{gap:.5rem}.contact .contact-form input,.contact .contact-form textarea{font-size:14px;line-height:20px;padding:.5rem}.contact .contact-form .form-footer{gap:.5rem}.contact .contact-form .form-footer button{border:1px solid #000;font-size:16px;line-height:20px;padding:.5rem}.contact .contact-form .form-footer .social-icons{display:flex;gap:.5rem;position:relative}.contact .contact-form .form-footer .social-icons a{border:1px solid #000;height:40px;width:40px}.contact .contact-form .form-footer .social-icons a .icon{font-size:20px}.contact .contact-info h2{margin-bottom:.5rem}.contact .contact-info h2,.contact .contact-info h2 span{font-size:32px;line-height:40px}.contact .contact-info p{font-size:14px;line-height:20px;margin-bottom:.5rem}.contact .contact-info p a{font-size:20px;line-height:24px}.contact .contact-info p a:hover{border:1px solid #000;padding:.25rem}}@font-face{font-family:Sora-EBold;src:url(/static/media/Sora-ExtraBold.bff68a7a5cc483b2f643.ttf)}@font-face{font-family:Sora-Regular;src:url(/static/media/Sora-Regular.a54e6579ded91d45daa1.ttf)}@font-face{font-family:Outlined;src:url(/static/media/cocogoose-pro.block-border.d4e63f4125d7fcfea678.ttf)}.footer{align-items:center;background:#000;color:#fff;display:flex;height:.25rem;justify-content:space-between;padding:60px 80px;width:100%}.footer .footer-left{color:#fff;font-family:Sora-Bold;font-size:20px;line-height:24px}.footer .footer-right{color:#fff;font-family:Sora-SBold;font-size:16px;line-height:20px}@media(max-width:768px){.footer{border-radius:0;height:0;margin-bottom:0;padding:20px 16px}.footer .footer-left{font-size:14px;line-height:20px}.footer .footer-right{font-size:12px;line-height:26px}}@font-face{font-family:Sora-Bold;src:url(/static/media/Sora-Bold.6d1238287f8f153108bf.ttf)}@font-face{font-family:Sora-SBold;src:url(/static/media/Sora-SemiBold.28f7c2754dfdcee856af.ttf)}
/*# sourceMappingURL=main.9ec54be8.css.map*/