#home{scroll-margin-top:120px;margin-top:40px;margin-bottom:40px;@media (min-width:500px){margin-top:80px;margin-bottom:120px}}.text-gradient{will-change:auto;display:inline-block;transform:translateZ(0);background-repeat:no-repeat;background-image:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:bg 6s cubic-bezier(.77,0,.175,1) infinite}@keyframes bg{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.bg-highlighted{box-shadow:inset 0 -2px 0 var(--highlight-color)}.about-intro{font-size:20px;line-height:1.8em;color:var(--secondary-color)}.about-intro a{color:var(--heading-color);text-decoration:none;border-bottom:1px dashed var(--heading-color)}.about-intro h3{font-weight:600}.card{position:relative;width:100%;background:radial-gradient(#111 50%,#000 100%);overflow:hidden;cursor:pointer}.card img{transform:scale(1);transition:.3s ease-out}.card:hover img{transform:scale(1.1);opacity:.3}.overlay{position:absolute;left:0;bottom:0;width:100%;height:100%;transition:all .4s;padding:15px;text-align:center;color:#fff}.text-h1{transition:all .3s ease-out;color:#fff}.text-h1,.text-p{transform:translateY(30px);opacity:0}.text-p{transition:all .3s ease-out .2s}.link-a{display:flex;border-radius:5px;transform:translateY(30px);opacity:0;transition:all .3s ease-out .4s}.card:hover .overlay .link-a,.card:hover .overlay .text-h1,.card:hover .overlay .text-p{opacity:1;transform:translateY(0)}