body{margin:0}html{background-color:#121212;color:#fff;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.header{align-items:center;color:#fff;display:flex;height:70px;justify-content:space-between;padding:0 4rem}.header .xl-logo{font-size:32px;font-weight:600}.float-navbar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#3c76a521;border-radius:30px;bottom:2rem;display:flex;gap:1rem;left:50%;margin-right:30%;padding:.8rem 1rem;position:fixed;transform:translateX(-50%);transition:transform .3s ease-in-out;width:-webkit-max-content;width:max-content;z-index:1000}@media screen and (max-width:600px){.float-navbar{bottom:1rem;flex-direction:column;left:auto;margin-right:0;padding:.5rem;right:1rem}}.float-navbar button{align-items:center;background:none;border-radius:100px;color:#fff!important;display:flex;height:40px;justify-content:center;width:40px}.float-navbar button svg{color:#fff!important}@media screen and (max-width:600px){.float-navbar button{height:30px;width:30px}}.action{align-items:center;display:flex;height:46px;justify-content:center;right:-7px;width:46px}.float-navbar.closed{opacity:0;transform:translateY(100%)}.float-navbar.closed,.float-navbar.open{transition:transform .1s ease-in-out,opacity .1s ease-in-out}.float-navbar.open{opacity:1;transform:translateY(0)}.icons{display:flex;gap:8px;width:50px}.icons .icon-1{background-color:#c03131}.icons .icon-1,.icons .icon-2{border-radius:50px;height:10px;width:10px}.icons .icon-2{background-color:#3146c0}.icons .icon-3{background-color:#48c438;border-radius:50px;height:10px;width:10px}.title-box{padding-bottom:2rem;text-align:center}.title-box p{margin:0}.title-box .subtitle{font-size:14px;font-weight:400}.title-box .title{font-size:22px;font-weight:700;margin-top:8px}.section-1{flex-wrap:wrap;justify-content:space-between}.section-1,.section-1 .actions{display:flex}.section-1 .actions .button{border-radius:300px;height:35px;margin-right:1rem;width:35px}.section-1 .box-0{align-items:center;border-radius:10px;display:flex;flex-direction:column;justify-content:center;margin-right:1rem;max-width:800px;padding-left:4rem;width:100%}@media screen and (max-width:1200px){.section-1 .box-0{height:650px}.section-1 .box-0 .threeScene{display:none}}.section-1 .box-1 .logo{position:absolute;right:0;top:60px}@media screen and (max-width:800px){.section-1 .box-1 .logo{max-width:90%;right:0}}.section-1 .box-1 .box-introdution{display:flex;flex-direction:column;height:450px;justify-content:center;position:absolute;right:4rem;top:240px;width:580px}@media screen and (max-width:800px){.section-1 .box-1 .box-introdution{padding-left:1rem;padding-right:1rem;right:1rem;width:auto}}.section-1 .box-1 .box-introdution .title{color:#fff;font-size:34px;font-weight:700;position:relative}.section-1 .box-1 .box-introdution .title p{margin:0}.section-1 .box-1 .box-introdution .subtitle{margin:1.5rem 0}.section-1 .box-1 .box-introdution button{border:1px solid #fff;margin-right:30px;padding:.5rem 2rem;width:190px}@media screen and (max-width:600px){.section-1 .box-1 .box-introdution button{margin-top:1rem;width:100%}}.section-2{flex-direction:column;padding:3rem 0}@media screen and (max-width:600px){.section-2{padding:1rem 0}}.section-2 .skills{display:flex;justify-content:space-evenly;margin:auto;max-width:1825px;min-width:80%;padding:0 4rem}@media screen and (max-width:600px){.section-2 .skills{padding:0 1rem}}@media screen and (max-width:1200px){.section-2 .skills{align-items:center;display:flex;flex-direction:column;max-width:auto}}.section-2 .skills .box-experience{background-color:#0000004d;border:1px solid #0000004d;border-radius:25px;margin:.5rem;max-width:300px;min-width:200px;padding:1rem 2rem}.section-2 .skills .box-experience:hover{background-color:#0000;border:1px solid rgba(60,60,60,.364);cursor:pointer;transition:.1s}@media screen and (max-width:1200px){.section-2 .skills .box-experience{max-width:400px}}.section-2 .skills .box-experience .title{font-weight:600}.section-2 .skills .box-experience ul{list-style:circle;padding:0 0 0 15px}.section-2 .skills .box-experience ul li{font-weight:400;padding-bottom:15px}.section-3{min-height:800px;padding:3rem 0}@media screen and (max-width:600px){.section-3{padding:1rem 0}}.section-3 .box-experience{width:800px}@media screen and (max-width:900px){.section-3 .box-experience{margin:0 1rem;width:auto}}.section-3 .box-experience .tags span{cursor:pointer;margin-top:10px}@media screen and (max-width:900px){.section-3 .box-0,.section-3 .box-1,.section-3 .box-2{margin:1rem}}.section-4{padding:3rem 4rem 4rem}@media screen and (max-width:600px){.section-4{padding:1rem}}.section-4 .projects{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:auto;max-width:1825px;padding:0 4rem}.section-4 .card-project .card img{min-width:348px;object-fit:cover}.section-4 .card-project .actions{display:flex;font-size:14px;gap:1rem;justify-content:start}.section-4 .card-project .actions a{border:1px solid #1b1b1b;border-radius:5px;padding:.8rem 2rem}.section-4 .card-project .actions a:hover{background-color:#0e0e0e}.section-4 .card-project .actions .primary,.section-4 .card-project .actions .secondary{background-color:#121212}button{background:#000;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px}button:hover{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(60,60,60,.364);transition:.1s}a{color:#fff!important;text-decoration:none}.animate-hidden{opacity:0;transform:translateY(50px);transition:none}.animate-in{opacity:1;transform:translateY(0);transition:opacity .6s ease-out,transform .6s ease-out}#contact .animate-in,#experience .animate-in,#projects .animate-in,#skills .animate-in{transition-delay:.2s}.experience-item,.project-card,.skill-item{opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}#experience.animate-in .experience-item,#projects.animate-in .project-card,#skills.animate-in .skill-item{opacity:1;transform:translateY(0)}#skills.animate-in .skill-item:first-child{transition-delay:.1s}#skills.animate-in .skill-item:nth-child(2){transition-delay:.2s}#skills.animate-in .skill-item:nth-child(3){transition-delay:.3s}#experience.animate-in .experience-item:first-child{transition-delay:.1s}#experience.animate-in .experience-item:nth-child(2){transition-delay:.2s}#experience.animate-in .experience-item:nth-child(3){transition-delay:.3s}#projects.animate-in .project-card:first-child{transition-delay:.1s}#projects.animate-in .project-card:nth-child(2){transition-delay:.2s}#projects.animate-in .project-card:nth-child(3){transition-delay:.3s}.float-navbar,.header{animation:fadeInDown .8s ease-out forwards}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.section-4{display:flex;flex-wrap:wrap;justify-content:center;margin:auto;max-width:1400px;padding:0 4rem 4rem}.section-4 .card-project{background-color:#0003;border:1px solid #181818;border-radius:10px;margin:20px 20px 0 0;max-width:350px;padding:1rem}.section-4 .card-project .header{height:24px;padding:0}.section-4 .card-project .header .title{color:#5f5f5f;font-size:12px;font-weight:600;margin:auto;text-align:center;width:200px}.section-4 .card-project .card{border:1px solid #181818;border-radius:5px;height:300px;margin:1rem 0}.section-4 .card-project .card img{filter:blur(.5px);height:100%;width:100%}.section-4 .card-project .card img:hover{cursor:pointer;filter:blur(0);scale:.9;transition:.1s ease-in-out}.section-4 .card-project .text{font-size:14px}.section-3{margin:auto;max-width:1825px;position:relative}@media screen and (max-width:800px){.section-3{padding:1rem}}@media screen and (max-width:1800px){.section-3{align-items:center;display:flex;flex-direction:column;max-width:auto}}.section-3 .box-experience{border:1px solid #2b2b2b;border-radius:10px;margin:5px;max-width:800px;padding:1rem 1.5rem}.section-3 .box-experience .header{display:flex;height:32px;padding:0}.section-3 .box-experience .header .title{color:#5f5f5f;font-size:12px;font-weight:600;margin:auto;text-align:center;width:200px}.section-3 .box-experience p{font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:400;max-width:700px}.section-3 .box-experience .tags{display:flex;flex-wrap:wrap;gap:5px;padding:5px 0}.section-3 .box-experience .tags span{border:1px solid #181818;border-radius:3px;color:#9f9f9f;margin-right:15px;padding:5px 20px}.section-3 .box-0{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background-color:#0003;left:4rem;position:absolute}@media screen and (max-width:1800px){.section-3 .box-0{left:0;margin:2rem 0;position:relative}}.section-3 .box-1{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background-color:#00000040;margin-top:13rem;position:absolute;right:4rem}@media screen and (max-width:1800px){.section-3 .box-1{margin:2rem 0;position:relative;right:0}}.section-3 .box-2{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background-color:#00000059;left:4rem;margin-top:25rem;position:absolute}@media screen and (max-width:1800px){.section-3 .box-2{left:0;margin:2rem 0;position:relative}}.divider{border:1px solid rgba(60,60,60,.364)}.section-2{display:flex;flex-wrap:wrap;justify-content:space-around;margin:auto;max-width:1825px;padding:0 4rem}.section-2 .box-experience{max-width:300px;min-width:200px}.section-2 .box-experience .title{font-weight:600}.section-2 .box-experience ul{list-style:circle;padding:0 0 0 15px}.section-2 .box-experience ul li{font-weight:400;padding-bottom:10px}footer{align-items:center;border-top:1px solid rgba(60,60,60,.364);display:flex;flex-direction:column;height:300px;justify-content:center;width:100%}footer h5{font-size:24px;font-weight:400;margin:0;padding-bottom:1.5rem}footer ul{display:flex;margin:0;padding:0}footer ul li{list-style:none;margin:0 1rem}footer ul li a{color:#8b8b8b;text-decoration:none}footer span{font-size:12px;font-weight:400;padding-top:2rem}.contact{padding:2rem 1.5rem}.contact .title-box{padding-bottom:2rem;text-align:center}.contact .title-box p{margin:0}.contact .title-box .subtitle{font-size:14px;font-weight:400}.contact .title-box .title{font-size:22px;font-weight:700;margin-top:8px}.contact .container{display:flex;flex-wrap:wrap;justify-content:space-around;margin:auto;max-width:1200px}.contact .container .section-0{grid-gap:1rem;display:flex;flex-direction:column;margin-right:1rem;margin-top:1rem}@media screen and (max-width:600px){.contact .container .section-0{margin:0;width:100%}}.contact .container .section-0 .card{align-items:center;border:1px solid rgba(60,60,60,.364);border-radius:5px;cursor:pointer;display:flex;flex-direction:column;height:auto;justify-content:center;padding:1.5rem;width:320px}@media screen and (max-width:600px){.contact .container .section-0 .card{padding:1.5rem 0;width:100%}}.contact .container .section-0 .card .icon{height:32px;padding:10px;width:32px}.contact .container .section-0 .card p{margin:0}.contact .container .section-0 .card .social-type{font-weight:600;padding-bottom:4px;padding-top:8px}.contact .container .section-0 .card .social-adress{padding:4px 0}.contact .container .section-0 .card a{color:#53a2e2;font-size:14px;padding-top:1rem;text-decoration:none}.contact .container .section-0 .card:hover{background-color:rgba(60,118,165,.055);transition:.1s}.contact .container .section-1{display:flex;flex-direction:column;margin-top:1rem;max-height:400px;width:600px}@media screen and (max-width:800px){.contact .container .section-1{max-width:100%}}@media screen and (max-width:600px){.contact .container .section-1{flex-direction:column!important;flex-wrap:nowrap!important}}.contact .container .section-1 input{background:none;border:none;border:2px solid rgba(60,60,60,.364);border-radius:5px;color:#fff;font-size:14px;height:55px;margin-bottom:1rem;outline:none;padding:5px 10px;width:100%}@media screen and (max-width:800px){.contact .container .section-1 input{max-width:calc(100% - 24px)}}.contact .container .section-1 textarea{background:none;border:none;border:2px solid rgba(60,60,60,.364);border-radius:5px;color:#fff;font-size:14px;margin-bottom:1rem;max-height:200px;outline:none;padding:15px 10px;width:100%}@media screen and (max-width:800px){.contact .container .section-1 textarea{max-width:calc(100% - 24px)}}@media screen and (max-width:600px){.contact .container .section-1 textarea{min-width:200px!important}}.contact .container .section-1 button{background-color:rgba(60,60,60,.364);border:2px solid rgba(60,60,60,.364);color:#fff;height:55px;width:calc(100% + 24px)}@media screen and (max-width:800px){.contact .container .section-1 button{max-width:100%}}.contact .container .section-1 button:hover{background:none;border:2px solid rgba(60,60,60,.364);transition:.1s}
/*# sourceMappingURL=main.0a2f0cbf.css.map*/