.intro{display:flex;align-items:flex-start;justify-content:center;margin-top:10em;flex-wrap:nowrap;max-width:80%;margin-left:auto;margin-right:auto;gap:2em}.intro__card,.intro__text{flex:1;max-width:50%}.intro__card{position:relative;margin-right:2em;display:flex;flex-direction:column;justify-content:space-between;height:100%;box-sizing:border-box;transition:.3s;border-radius:5px}.intro__card p a{color:#c0d6ed;text-decoration:none;position:relative}.intro__card p a:after{content:"";position:absolute;width:100%;height:2px;background-color:#acc9e9;bottom:-2px;left:0}.intro__card img{width:100%;height:auto;border-radius:5px 5px 0 0}.intro__text{padding:20px;line-height:1.6}.intro__text p{margin-bottom:1em}.intro__text h1{padding:20px;font-weight:700;font-size:30px}.intro__resume-button{justify-content:center;text-align:center;max-width:200px;width:60%;margin:2em auto 0}.btn--outline{border:2px solid var(--clr-primary);color:var(--clr-primary);background-color:transparent;padding:.5em 1.5em;font-weight:700;text-transform:uppercase;border-radius:5px;transition:background-color .3s,color .3s}.btn--outline:focus,.btn--outline:hover{background-color:var(--clr-primary);color:var(--clr-bg)}.keyword{position:relative;cursor:pointer;text-decoration:underline;text-decoration-color:#add8e6}.keyword.highlighted:after,.keyword:hover:after{content:"";position:absolute;width:100%;height:2px;background-color:#daae0f;bottom:-1px;left:0}.keyword:after{content:"";width:100%;height:2px;bottom:-3px;left:0}.intro__arrow,.keyword:after{position:absolute;background-color:transparent}.intro__arrow{top:50%;transform:translateY(-50%);border:none;cursor:pointer;z-index:10}.intro__arrow--left{left:-25px}.intro__arrow--right{right:-25px}.contact{justify-content:flex-start;margin-top:5em;max-width:1100px;width:95%;margin-left:auto;margin-right:auto;gap:2em}.contact,.contact_info{display:flex;flex-direction:column;align-items:center}.contact_info{width:100%}.info_item h4{display:flex;align-items:center;gap:10px;margin:10px 0;color:var(--clr-fg)}.info_item a{color:var(--clr-primary);text-decoration:none}.info_item a:hover{text-decoration:underline;text-decoration-color:var(--clr-primary)}.info_item svg{font-size:24px;color:var(--clr-primary)}.contact_info .btn--outline{color:var(--clr-primary);border:2px solid var(--clr-primary);transition:all .3s ease}.contact_info .btn--outline:hover{color:var(--clr-bg);background-color:var(--clr-primary)}@media (max-width:600px){.contact{margin-top:4em}}