.hero{display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:90vh;margin-bottom:2rem}.hero__title_description{font-size:var(--size-2xl);color:var(--clr-light);margin-top:2.5rem;margin-left:1rem;width:13ch}.hero__function{margin-top:2rem;max-width:25ch;min-height:170px;margin-left:1rem}.hero__function_typewriterJS{font-family:Courier New,Courier,monospace;font-size:var(--size-sm);color:var(--clr-slate200);display:inline-block;position:relative}.hero__description{font-size:var(--size-xs);color:var(--clr-slate400);margin-top:2.5rem;width:90%;margin-left:1rem;text-align:justify}.hero__social_network{display:flex;margin-top:.5rem;min-height:45px}.hero__img{display:block;position:absolute;top:0;right:-150px;max-width:433px;max-height:577;animation:entrie 2s ease-in-out both;z-index:-1;filter:drop-shadow(-80px 100px 100px var(--clr-purple));--last-opacity: .5}.hero__img-light{filter:none;--last-opacity: 1}@keyframes entrie{0%{opacity:0;transform:translate(300px)}25%{opacity:0}60%,80%{opacity:1;transform:translate(20px)}to{opacity:var(--last-opacity);transform:translate(90px)}}@media (min-width: 475px){.hero__title_description{font-size:var(--size-3xl);margin-top:2.5rem}.hero__description{font-size:var(--size-sm);margin-left:1rem}.hero__function_typewriterJS{font-size:var(--size-base)}.hero__social_network{display:flex;margin-top:3rem;min-height:45px}.hero__img{top:15px;right:-150px}@keyframes entrie{0%{opacity:0;transform:translate(300px)}80%,to{opacity:var(--last-opacity);transform:translate(10px)}}}@media (min-width: 640px){.hero__title_description{font-size:var(--size-5xl);width:18ch;margin-left:3rem}.hero__function{max-width:30ch;margin-left:3rem}.hero__function_typewriterJS{font-size:var(--size-2xl)}.hero__description{font-size:var(--size-base);margin-top:3rem;margin-left:3rem}.hero__social_network{margin-top:1.5rem;align-self:center}}@media (min-width: 1024px){.hero{margin-bottom:4rem}.hero__title_description{margin-top:0}.hero__function{margin-top:2.5rem;max-width:36ch}.hero__function_typewriterJS{font-size:var(--size-3xl)}.hero__description{font-size:var(--size-lg);margin-top:3.5rem;width:95%;margin-left:1rem}.hero__social_network{margin-top:1rem}.hero__img{top:50px;right:-100px}}@media (min-width: 1280px){.hero__title_description{font-size:var(--size-5xl);margin-top:2.5rem;width:auto}.hero__function{margin-top:3rem;max-width:36ch}.hero__img{top:50px;right:0}}