.App{background:url(/images/bg.jpg) no-repeat;background-size:100%;background-attachment:fixed}@media (max-width:1024px){.App{background-repeat:repeat;background-size:cover!important}}.header{min-height:100vh;max-height:1080px;display:flex;justify-content:space-around;align-items:center}.gold-text{color:var(--gold);font-weight:700}.top-gold-bar{position:absolute;top:0;height:10px;width:100%;display:block;background:var(--gold)}.content{width:1200px;display:flex;justify-content:space-between;align-items:center;flex-flow:row wrap}.me{width:600px;color:var(--white)}.me .name{font-size:50px;margin-bottom:-15px;text-transform:uppercase;font-weight:700}.me .developer{font-size:35px;font-variant:small-caps;font-weight:700}.me .description{font-size:25px;margin-top:30px;margin-bottom:45px}.me .header-buttons{display:flex;align-items:center;justify-content:flex-start}.me .see-projects-button{background:var(--gold);color:var(--black)}.me .download-button,.me .see-projects-button{text-decoration:none;font-size:19px;padding:12px 30px;border-radius:50px;border:2px solid var(--gold)}.me .download-button{margin-left:10px;background:var(--black);color:var(--gold);transition:all .3s}.me .download-button:hover{background:var(--gold);color:var(--black)}.header .image-container{width:400px;height:400px;border-radius:100px;overflow:hidden;box-shadow:0 0 20px 5px #060606}.image-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media (max-width:767px){.content{justify-content:center;padding-top:70px}.me{width:100%;order:2;padding:0 10px}.me .name{font-size:40px;margin-bottom:0;text-align:center;line-height:130%}.me .developer{font-size:25px;text-align:center;font-weight:700}.me .description{font-size:20px;text-align:center;background:var(--transparent-black);padding:20px 10px;border-radius:20px}.me .header-buttons{flex-direction:column}.me .see-projects-button{font-size:16px;display:block;width:-moz-fit-content;width:fit-content;margin:auto}.me .download-button{margin-left:0;margin-top:10px}.header .image-container{width:250px;height:250px;order:1;margin-bottom:30px;border-radius:50px}}@media (min-width:768px) and (max-width:1024px){.header{height:100vh}.content{justify-content:center}.me{width:100%;order:2}.me .description,.me .developer,.me .name{text-align:center}.me .header-buttons{flex-direction:column}.me .see-projects-button{display:block;width:-moz-fit-content;width:fit-content}.me .download-button{margin-left:0;margin-top:20px}.me .image-container{order:1}}.tech-stacks{padding:70px}.tech-stacks .stacks{display:flex;flex-direction:column;align-items:center;padding:0 50px;position:relative;margin:200px 0}.timeline{display:inline-block;position:absolute;top:25px;left:50%;transform-origin:top;width:5px;height:1px;background:#fff;transition:all .3s}.tech-stacks .stack{width:400px;margin-bottom:200px;opacity:0;transition:all 1s;color:var(--white)}.tech-stacks .stack:nth-child(2n){align-self:flex-start;margin-left:-100px}.tech-stacks .stack:nth-child(odd){align-self:flex-end;margin-right:-100px}.tech-stacks .stack:last-child{margin-bottom:0}.tech-stacks .stack-title{background:var(--gold);text-align:center;padding:10px;color:var(--black);font-size:19px;font-weight:500;border-radius:30px}.tech-stacks .stack .dot{content:"";position:absolute;left:50%;transform:translateX(-50%);display:inline-block;width:25px;height:25px;border-radius:50%;border:5px solid var(--white);background:var(--gold)}.languages{padding:10px;min-height:150px;display:flex;justify-content:space-evenly;align-items:center;flex-flow:row wrap;background:var(--transparent-black);margin-top:20px;border-radius:30px}.lang{display:inline-block;width:calc(100% / 3);text-align:center;font-size:19px}@media (max-width:767px){.tech-stacks{padding:0 20px;margin:100px auto}.tech-stacks .stacks{margin:100px 0;padding:0}.tech-stacks .stack{width:90%}.tech-stacks .stack:nth-child(2n){align-self:flex-end;margin-left:0}.tech-stacks .stack:nth-child(odd){align-self:flex-end;margin-right:0}.tech-stacks .stack .dot{left:0;transform:translateX(0)}.timeline{z-index:0;left:12px;transform:translateX(0) scaleY(var(--timeline-height))}}@media (min-width:768px) and (max-width:1024px){.tech-stacks{padding:70px 20px}.tech-stacks .stacks{padding:0;overflow:hidden}.tech-stacks .stack{width:350px}}.my-projects .projects{display:flex;justify-content:center;align-items:center;flex-flow:row wrap;padding:200px 50px;gap:40px}@media (max-width:767px){.my-projects .projects{padding:100px 20px;justify-content:center;gap:10px}}@media (min-width:768px) and (max-width:1024px){.my-projects .projects{justify-content:center;gap:20px}}.project{width:350px;background:var(--black);padding:10px;position:relative;transform:scale(0);transition:all .5s;border-radius:20px 20px 5px 5px;overflow:hidden}.project:after{content:"";display:inline-block;position:absolute;bottom:0;left:0;width:100%;height:8px;background:var(--gold)}.project .image-container{width:100%;height:250px;position:relative;border-radius:10px;overflow:hidden}.project .image-container:hover>img{-o-object-fit:cover;object-fit:cover}.project .image-container:hover>.on-hover{opacity:1}.project .image-container .on-hover{position:absolute;top:0;left:0;height:100%;width:100%;background:var(--transparent-gray);transition:all .5s;opacity:0}.project .image-container .on-hover a{background:var(--gold);text-decoration:none;color:var(--black);padding:8px 20px;border-radius:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project .image-container .on-hover .disabled{background:gray;color:var(--white)}.project .name{font-size:25px;text-align:center;padding:20px 0;color:var(--white);font-weight:500}.project .description{color:var(--white);text-align:center;font-weight:300}.project .stacks{display:flex;justify-content:space-evenly;flex-flow:row wrap;margin:30px 10px}.project .stacks .stack{color:var(--white);font-weight:500;padding:0 5px}@media (max-width:767px){.project{margin-bottom:20px}.project:last-child{margin-bottom:0}}@media (min-width:768px) and (max-width:1024px){.project{margin-bottom:10px}.project:last-of-type{margin-bottom:0}}.testimonials{display:flex;justify-content:space-evenly;align-items:center;padding:200px 50px}@media (max-width:767px){.testimonials{padding:100px 20px;justify-content:center}}@media (min-width:768px) and (max-width:1024px){.testimonials{justify-content:center}}.testimonial{background:var(--transparent-black);width:800px;padding:40px;border-radius:10px}.testimonial .message{font-size:25px;color:var(--white);text-align:center;font-weight:300}.testimonial .author{font-size:28px;font-weight:medium;text-align:center;color:var(--white);margin-top:50px}@media (max-width:767px){.testimonial{padding:40px 20px}.testimonial .message{font-size:18px}.testimonial .author{font-size:20px;font-weight:500;margin-top:40px}}.form{margin:200px auto;background:var(--black);width:800px;padding:50px;border-radius:20px}.fields{display:flex;justify-content:space-between;flex-flow:row wrap}.input,.textarea{width:47%}.field{margin-bottom:30px}.field:last-child{margin-bottom:0}.field input,.field label,.textarea label,.textarea textarea{display:block}.field label,.textarea label{margin-bottom:10px;font-size:19px;color:var(--white)}.error{color:var(--gmail-color)}.field input,.textarea textarea{color:var(--black);padding:15px;border-radius:10px;border:none;outline:none;width:100%}.textarea textarea{height:80%;resize:none}.form .fallback-form-details{margin-top:30px;text-align:center;color:var(--white);font-size:16px;padding:20px;border-radius:20px;border:1px solid var(--gold);background-color:color-mix(in srgb,var(--gold) 10%,transparent)}.form .fallback-form-details a{color:var(--gold);text-decoration:underline}.form button[type=submit]{background:var(--gold);color:var(--black);border:none;padding:12px 50px;border-radius:50px;font-size:19px;display:block;margin:60px auto 0;cursor:pointer}@media (max-width:767px){.form{padding:30px 20px;width:90%;margin:100px auto}.input,.textarea{width:100%}.field,.field:last-child{margin-bottom:20px}.field label,.textarea label{font-size:16px}.field input,.textarea textarea{padding:13px}.textarea{height:150px}.textarea textarea{height:100%}.form .fallback-form-details{margin-top:60px;padding:15px}.form button[type=submit]{font-size:16px}}@media (min-width:768px) and (max-width:1024px){.form{width:700px}}.footer{padding:40px 50px;font-size:19px}.footer .container{display:flex;justify-content:space-between;align-items:center}.copyright{width:100%;text-align:center;color:var(--white)}.social-medias{display:flex;align-items:center;height:50px;width:50px;overflow:hidden;border-radius:30px;padding:10px;background:var(--white);position:fixed;right:20px;bottom:20px;box-shadow:0 4px 4px -4px var(--black);transition:all .5s;animation:bounce 1s infinite}.social-medias:hover{width:180px;animation:none}.social-medias a{display:flex;justify-content:center;align-items:center;width:30px;height:30px;margin:0 7px;transition:all .3s}.social-medias a:hover{transform:scale(1.3)}.facebook-icon{color:var(--facebook-color)}.twitter-icon{color:var(--twitter-color)}.github-icon{color:var(--github-color)}.gmail-icon{color:var(--gmail-color)}.linkedin-icon{color:var(--linkedin-color)}.instagram-icon{color:var(--instagram-color)}.phone-icon{color:var(--phone-color)}@media (max-width:767px){.footer{padding:20px;font-size:16px}.copyright{width:100%;margin-bottom:10px}.container{flex-direction:column}.social-medias{position:static;width:-moz-fit-content;width:fit-content;flex-flow:row wrap;justify-content:space-evenly;height:-moz-fit-content;height:fit-content;animation:none}.social-medias:hover{width:unset}.social-medias a{font-size:19px;margin:6px}}@media (min-width:768px) and (max-width:1024px){.copyright{text-align:left}.copyright,.social-medias{width:-moz-fit-content;width:fit-content}.social-medias{position:static}.social-medias:hover{width:unset}.social-medias a{margin:0 6px}}@keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}