html{scroll-behavior:smooth}a,html{cursor:none}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;overflow-x:hidden;padding:0}:root{--main-width:10px;--main-height:10px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{background-color:#212121}.container .home-container{align-items:center;display:flex;flex-direction:column;width:100%}.container .home-container .wrapper{align-items:center;display:flex;height:100vh;width:100vw}.container .home-container .wrapper .intro{color:#c8c8c8;display:inline-block;margin-left:50px}.container .home-container .wrapper .intro h1{font-size:72px;margin:0}.container .home-container .wrapper .intro .intro-text{width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.container .home-container .wrapper .intro .intro-span{font-size:48px}.container .home-container .wrapper .links{background-color:#212121;display:flex;justify-content:space-between;margin-top:20px}.container .home-container .wrapper .links .link{align-items:center;border-radius:10px;color:#c8c8c8;display:inline-flex;flex-wrap:nowrap;font-size:24px;justify-content:center;min-height:50px;min-width:5vw;padding:0 10px;text-decoration:none;transition:.5s}.container .home-container .wrapper .links .link:hover{box-shadow:0 8px 20px #000;transform:translateY(20%)}.container .home-container .skills-wrapper{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.container .home-container .skills-wrapper .skills-title{-webkit-text-fill-color:#0000;align-items:center;background:-webkit-linear-gradient(#e2e2e2,#383838);-webkit-background-clip:text;display:inline-flex;flex-direction:column;font-size:38px;font-weight:700;gap:-20px;order:1}.container .home-container .skills-wrapper .skills-block{display:flex;justify-content:center;width:90%}.container .home-container .skills-wrapper .skills-block .skills-container{grid-row-gap:0;grid-column-gap:50px;-moz-column-gap:50px;column-gap:50px;display:grid;grid-template-columns:repeat(3,1fr);justify-content:center;row-gap:0;width:25%}.container .home-container .skills-wrapper .skills-block .skills-container .skill img{height:6vw;transition:.5s}@media (max-width:1400px){.container .home-container .skills-wrapper .skills-block .skills-container .skill img{height:10vw}}@media (max-width:1000px){.container .home-container .skills-wrapper .skills-block .skills-container .skill img{height:12vw}}.container .home-container .skills-wrapper .skills-block .skills-container .skill h3{color:#fff;text-align:center}.container .home-container .skills-wrapper .skills-block .skills-container .skill-description{opacity:0;transition-duration:.3s;visibility:hidden;width:100%}@media (max-width:1400px){.container .home-container .skills-wrapper .skills-block .skills-container .skill-description{margin-bottom:2em;opacity:1;visibility:visible}}.container .home-container .skills-wrapper .skills-block .skills-container .skill{align-items:center;display:flex;flex-direction:column;justify-content:center;transition:.5s}.container .home-container .skills-wrapper .skills-block .skills-container .open-logo{transform:translateY(-20%)}.container .home-container .skills-wrapper .skills-block .skills-container .open-logo img{transform:rotateY(180deg)}.container .home-container .skills-wrapper .skills-block .skills-container .open-logo .skill-description{opacity:1;visibility:visible}.container .home-container .contact-wrapper{background:#212121;background:linear-gradient(315deg,#212121,#474747 30%,#7c7c7c 60%,#fff);height:100vh;width:100%}.container .home-container .scroll-to-top-button{border-radius:50%;bottom:10%;height:70px;opacity:0;position:fixed;right:3%;transition:.5s;z-index:50}.container .home-container .scroll-to-top-button.visible{opacity:1;transition:.5s}.container .home-container .scroll-to-top-button:hover{transform:scale(1.2)}.contact{align-items:center;display:flex;height:100vh;justify-content:center;transition:.5s;width:100%}.contact .contact-title{-webkit-text-fill-color:#0000;align-items:center;background:-webkit-linear-gradient(#212121,#9e9e9e);-webkit-background-clip:text;display:inline-flex;flex-direction:column;font-size:38px;font-weight:700;gap:-20px}.contact form{display:flex;height:100%;justify-content:center;width:80%}@media (max-width:1000px){.contact form{align-items:center;flex-direction:column;gap:2em}}.contact form *{background-color:#212121;border:none;border-radius:50%;box-shadow:0 8px 20px #000;color:#fff;cursor:none;font-weight:700;height:15vw;outline:none;position:relative;text-align:center;transition:.5s;width:15vw}@media (max-width:1400px){.contact form *{height:20vw;width:20vw}}@media (max-width:1000px){.contact form *{animation:none;border-radius:10px;height:10%;position:static;width:50%}}.contact form :hover{box-shadow:8px 8px 30px #000}.contact form #email{animation:float 5s infinite alternate;top:5%}@media (max-width:1000px){.contact form #email{animation:none}}.contact form #name{animation:floattwo 10s infinite alternate;left:10%;top:20%}@media (max-width:1000px){.contact form #name{animation:none}}.contact form #message{animation:floatthree 10s infinite alternate;resize:none;right:40%;top:60%;transition:.5s}@media (max-width:1000px){.contact form #message{animation:none;height:20%}}.contact form #message:focus{border-radius:50px}@media (max-width:1000px){.contact form #message:focus{border-radius:10px}}.contact form ::placeholder,.contact form button{align-self:center;color:#fff;font-size:16px;font-weight:700}.contact form button{animation:floatthree 10s infinite alternate;background-color:#212121;left:15%;top:20%}@media (max-width:1000px){.contact form button{animation:none;order:3}}.contact form button:hover{background-color:#3e3e3e;color:#151515}.contact .dot{background-color:#212121;border-radius:50%;height:50px;position:relative;width:50px;z-index:50}@media (max-width:1400px){.contact .dot{display:none}}.contact .dot-one{animation:floattwo 5s infinite alternate;bottom:20%;height:30px;left:70%;width:30px}.contact .dot-two{animation:float 5s infinite alternate;bottom:-20%;height:42px;left:15%;width:42px}.contact .dot-three{animation:floatthree 5s infinite alternate;bottom:35%;height:25px;left:60%;width:25px}.contact .dot-four{animation:float 5s infinite alternate;bottom:20%;height:38px;left:80%;width:38px}.contact .dot-five{animation:floattwo 5s infinite alternate;bottom:10%;left:15%}@keyframes float{0%{transform:translate(10%,8%)}50%{transform:translate(8%,-5%)}to{transform:translate(5%,5%)}}@keyframes floattwo{0%{transform:translate(10%,8%)}50%{transform:translate(8%,5%)}to{transform:translateY(-5%)}}@keyframes floatthree{0%{transform:translate(10%,8%)}50%{transform:translate(15%,-5%)}to{transform:translate(-5%,5%)}}.page-wrapper{background:#212121;background:linear-gradient(45deg,#212121,#474747 30%,#7c7c7c 60%,#fff);flex-direction:column;min-height:100vh;width:100vw}.page-wrapper,.page-wrapper .projects-main{align-items:center;display:flex;justify-content:center}.page-wrapper .projects-main{flex-direction:row}.page-wrapper .projects-main .projects-title{-webkit-text-fill-color:#0000;align-items:center;background:-webkit-linear-gradient(#e2e2e2,#383838);-webkit-background-clip:text;display:inline-flex;flex-direction:column;font-size:38px;font-weight:700;gap:-20px}.page-wrapper .projects-main .projects-block{display:flex;justify-content:center;width:90%}.page-wrapper .projects-main .projects-block .projects-wrapper{grid-gap:50px;display:grid;gap:50px;grid-template-columns:repeat(3,1fr);justify-content:center;margin:10em 0;opacity:1;transition:.5s;width:80%}@media (max-width:1400px){.page-wrapper .projects-main .projects-block .projects-wrapper{display:flex;flex-direction:column}}.page-wrapper .projects-main .projects-block .projects-wrapper .project-card{border-radius:20px;box-shadow:-8px 10px 20px #2f2f2f;overflow:hidden;position:relative;text-align:center;transition:.5s}.page-wrapper .projects-main .projects-block .projects-wrapper .project-card img{height:100%;object-fit:cover;transition:.5s;width:100%}.page-wrapper .projects-main .projects-block .projects-wrapper .project-card:hover,.page-wrapper .projects-main .projects-block .projects-wrapper .project-card:hover img{transform:scale(1.1)}.page-wrapper .projects-main .projects-block .projects-wrapper .project-card:hover .project-info{opacity:1}.page-wrapper .projects-main .projects-block .projects-wrapper .project-info{align-items:center;background-color:#000000b3;border-radius:10px;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}@media (max-width:1400px){.page-wrapper .projects-main .projects-block .projects-wrapper .project-info{opacity:1}}.page-wrapper .projects-main .projects-block .projects-wrapper .project-info p{font-size:1vw;margin:20px 0}@media (max-width:1400px){.page-wrapper .projects-main .projects-block .projects-wrapper .project-info p{font-size:3vw}}@media (max-width:600px){.page-wrapper .projects-main .projects-block .projects-wrapper .project-info p{font-size:4vw}}.page-wrapper .projects-main .projects-block .projects-wrapper .project-info h1{margin:20px 0}@media (max-width:1400px){.page-wrapper .projects-main .projects-block .projects-wrapper .project-info h1{font-size:4vw}}@media (max-width:600px){.page-wrapper .projects-main .projects-block .projects-wrapper .project-info h1{font-size:5vw}}.page-wrapper .projects-main .projects-block .projects-wrapper .project-info .more-info{color:#fff;text-decoration:underline}.page-wrapper .more-info-hidden{opacity:0;transform:scale(0);transition:.5s}.page-wrapper .more-info-visible{background-color:#212121;border-radius:20px;box-shadow:-10px 10px 40px #000,5px -5px 80px rgba(97,97,97,.469),inset -2px 2px 20px rgba(97,97,97,.469);color:#fff;margin-bottom:10em;opacity:1;padding:20px;transform:scale(1);transition:.5s;width:80%}.page-wrapper .more-info-visible .content{display:flex;justify-content:center;width:100%}.page-wrapper .more-info-visible .info-text{align-items:center;display:flex;flex-direction:column;gap:25px;text-align:center;width:100%}.page-wrapper .more-info-visible .info-text .link{align-items:center;border-radius:10px;color:#fff;display:inline-flex;font-size:1em;justify-content:center;min-height:50px;min-width:2vw;padding:0 10px;text-decoration:none;transition:.5s}.page-wrapper .more-info-visible .info-text .link:hover{box-shadow:0 8px 20px #000;transform:translateY(10%)}.page-wrapper .more-info-visible .info-text .info-grid{display:flex;gap:25px;justify-content:center;width:100%}@media (max-width:600px){.page-wrapper .more-info-visible .info-text .info-grid{align-items:center;flex-direction:column}}.page-wrapper .more-info-visible .info-text .info-grid>div{background-color:#212121;border-radius:10px;box-shadow:-4px 4px 10px #000;overflow:hidden;padding:0 5%;transition:.5s;width:30%}@media (max-width:600px){.page-wrapper .more-info-visible .info-text .info-grid>div{width:50%}}.page-wrapper .more-info-visible .info-text .link,.page-wrapper .more-info-visible .info-text .more-info,.page-wrapper .more-info-visible .info-text .see-site{align-self:flex-start;color:#fff;font-weight:700;transition:.5s}.page-wrapper .more-info-visible .info-text a:hover{color:grey}.page-wrapper .more-info-visible .info-text h3{align-self:center;font-size:26px}@media (max-width:1000px){.page-wrapper .more-info-visible .info-text h3{font-size:2.5vw}}.page-wrapper .more-info-visible .info-text p{font-size:20px}@media (max-width:1000px){.page-wrapper .more-info-visible .info-text p{font-size:2vw}}@media (max-width:600px){.page-wrapper .more-info-visible .info-text p{font-size:3vw}}.page-wrapper .more-info-visible .info-text .developped-skills{display:flex;flex-direction:row;gap:50px;margin-top:50px}@media (max-width:600px){.page-wrapper .more-info-visible .info-text .developped-skills{flex-direction:column;margin:0}}.page-wrapper .more-info-visible .info-text .developped-skills img{height:8vw}@media (max-width:1000px){.page-wrapper .more-info-visible .info-text .developped-skills img{height:6vw}}@media (max-width:600px){.page-wrapper .more-info-visible .info-text .developped-skills img{height:10vw}}.page-wrapper .more-info-visible .info-text .developped-skills .skill-icon{display:flex;font-weight:700;gap:50px}@media (max-width:1000px){.page-wrapper .more-info-visible .info-text .developped-skills .skill-icon{gap:20px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.61711115.css.map*/