.nowrap{white-space:nowrap}.title{margin:80px 0 60px}strong{font-weight:700}.technologies{margin:50px 0;display:grid;grid-template-columns:200px 1fr}.link{color:blue;text-decoration:underline}@media (prefers-color-scheme:dark){.link{color:#138ef2;text-decoration:underline}}@media (max-width:560px){.title span{display:block}.technologies{display:flex;flex-direction:column}.technologies>:nth-child(2n){margin-bottom:10px}}.card{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:150px;padding:10px;margin:10px 0;background:linear-gradient(90deg,var(--card-color-1),var(--card-color-2));box-shadow:var(--card-shadow);border-radius:var(--border-radius);transition:transform .3s ease-out,box-shadow .3s ease-out;@media (min-width:760px){flex-direction:row;height:220px;gap:var(--gap-size);padding-left:50px;padding-bottom:0;padding-right:50px;padding-top:0;margin-left:0;margin-bottom:25px;margin-right:0;margin-top:25px}}.card:hover{text-decoration:none;font-weight:400;transform:scale(1.025);transition:transform .2s ease-in,box-shadow .2s ease-in;box-shadow:0 4px 15px rgba(0,0,0,.3)}.card-text{display:flex;flex-direction:column;width:100%;color:white;& p{border-top:5px solid white;padding-top:10px}& h2{font-size:2rem}@media (min-width:760px){& h2{padding:0 0 20px;font-size:2.5rem}& p{padding-top:20px}}}