.intro-wrapper{max-width:1060px;padding:20px 20PX;width:100%;height:100vh;align-items:flex-start;display:flex;flex-direction:column;justify-content:center;flex-wrap:wrap;margin:-45PX auto 0}.intro-wrapper .intro-headline p{color:#64ffda;font-size:1.2rem;font-family:var(--font-mono);font-weight:600;margin-bottom:10px}.intro-wrapper .intro-headline .name{color:var(--lightest-slate);font-size:3rem;font-weight:bolder}.intro-wrapper .intro-headline .description{color:var(--slate);font-size:3rem;font-weight:bolder;margin-bottom:10px}.intro-wrapper .intro-subHeadline p{color:var(--slate);font-weight:600;margin-bottom:10px;max-width:500px}.intro-wrapper .intro-subHeadline p .link-style{color:#64ffda;position:relative;text-decoration:none;transition:color .3s ease}.intro-wrapper .intro-subHeadline p .link-style:hover{color:#50e6c8}.intro-wrapper .intro-subHeadline p .link-style:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:.1px;background-color:#64ffda;transition:width .3s ease}.intro-wrapper .intro-subHeadline p .link-style:hover:after{width:100%;left:0}.intro-wrapper .button-text{display:flex;align-items:center;gap:10px}@media screen and (max-width:768px){.intro-wrapper{padding:50px 20px;height:80vh}.intro-wrapper .intro-headline p{font-size:1rem}.intro-wrapper .intro-headline .name{font-size:2rem}.intro-wrapper .intro-headline .description{font-size:1.8rem}.intro-wrapper .intro-subHeadline p{font-size:.9rem;max-width:100%}.intro-wrapper .button-text{font-size:.9rem;gap:8px}}