.icons__container[data-astro-cid-dv46nlzh]{display:flex;width:29.6rem;justify-content:flex-start;align-items:flex-start;gap:2rem}.skill__icon[data-astro-cid-dv46nlzh]{color:#dcd8fc}.LinkedIn[data-astro-cid-dv46nlzh]:hover{color:#0e76a8}.Github[data-astro-cid-dv46nlzh]:hover{color:#e72cd8}.Mail[data-astro-cid-dv46nlzh]:hover{color:#d40e5a}h2[data-astro-cid-3zqmlas2]{font-size:5rem;font-weight:500}.about{display:flex;justify-content:center;align-items:center;gap:1rem;width:100%}.about__container{display:flex;padding:11rem 13.1rem;justify-content:space-around;gap:4.4rem}.about__img{background-color:#0d0045;-webkit-mask-image:radial-gradient(ellipse,#000 53%,#0000 68%);mask-image:radial-gradient(ellipse,#000 53%,#0000 68%);border-radius:50%;-o-object-fit:cover;object-fit:cover;width:39.5rem;height:48.1rem;min-width:39.5rem;min-height:48.1rem}.about__content{display:flex;flex-direction:column;max-width:75rem;gap:2.1rem;justify-content:center}.about__text{font-size:2.1rem;max-width:70.19rem}@media screen and (max-width: 768px){.about__container{padding:8rem 3.1rem;flex-direction:column-reverse;align-items:center}.about__img{width:29.5rem;height:38.1rem;min-width:29.5rem;min-height:38.1rem}}.card__portfolio{width:498px;height:369px;overflow:hidden;border-radius:22px;background:#000;position:relative}.card__portfolio img{-o-object-fit:cover;object-fit:cover;-o-object-position:center 0;object-position:center 0;height:270px;width:498px;background:#000}.card__portfolio .description__container{position:absolute;display:flex;flex-direction:column;height:100%;width:100%;top:0;transition:.35s;background:#231724;transform:translateY(70%);padding-top:15px;transition-property:transform,padding-top;color:var(--on-primary)}.card__portfolio:hover .description__container{transform:translateY(52%);padding-top:55px}.card__portfolio .description__container .card__title{position:absolute;display:block;width:-moz-max-content;width:max-content;top:0;padding:4px 22px;font-size:var(--text-title);font-weight:500;background:#0008;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;transform:translateY(-100%);border-radius:0 8px 0 0;transition-duration:.35s;transition-property:background,transform}.card__portfolio:hover .description__container .card__title{transform:translateY(11%);-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000}.card__portfolio .description{padding:0 22px;display:flex;width:100%;height:100%;flex-direction:column;gap:2px}.card__portfolio .description p{font-size:var(--text-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:25px;transition:.35s height}.card__portfolio:hover .description p{overflow:auto;white-space:wrap;height:50px;max-height:90px}.card__portfolio .description p::-webkit-scrollbar{width:4px;background:var(--surface);border-radius:4px}.card__portfolio .description p::-webkit-scrollbar-thumb{width:2px;background:var(--primary);border-radius:4px}.card__portfolio .skills{display:flex;gap:10px;font-size:3rem}.card__portfolio .buttons{padding:14px;width:100%;height:47px;box-sizing:border-box;display:flex;justify-content:center;gap:22px;font-size:var(--text-large)}.card__portfolio .buttons a{position:center}.card__portfolio .buttons a:hover{color:var(--primary-80)}.card__portfolio .buttons a:after{position:absolute;bottom:0;left:0;content:"";width:100%;transform-origin:0 0;transform:scale(0);background:var(--primary);transition:.35s transform}.card__portfolio .buttons a:hover:after{transform:scale(1)}.card__portfolio .buttons a span{display:flex;align-items:center;gap:4px}@media screen and (max-width: 768px){.card__portfolio{width:90%;height:246px;overflow:hidden;border-radius:22px;background:#000;position:relative}.card__portfolio img{-o-object-fit:cover;object-fit:cover;-o-object-position:center 0;object-position:center 0;height:173px;width:-webkit-fill-available;width:-moz-available;width:stretch;background:#000}.card__portfolio .description__container{position:absolute;display:flex;flex-direction:column;height:100%;width:100%;top:0;transition:.35s;background:#231724;transform:translateY(65%);padding-top:15px;transition-property:transform,padding-top;color:var(--on-primary)}.card__portfolio:hover .description__container{transform:translateY(0)!important;padding-top:55px}.card__portfolio .description__container .card__title{position:absolute;display:block;width:-moz-max-content;width:max-content;top:0;padding:4px 22px;font-size:var(--text-title);font-weight:500;background:#0008;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;transform:translateY(-100%);border-radius:0 8px 0 0;transition-duration:.35s;transition-property:background,transform}.card__portfolio:hover .description__container .card__title{transform:translateY(11%);-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000}.card__portfolio .description{padding:0 22px;display:flex;width:100%;height:100%;flex-direction:column;gap:10px}.card__portfolio .description p{font-size:var(--text-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:20px;transition:.35s height}.card__portfolio:hover .description p{overflow:auto;white-space:wrap;height:90px;max-height:90px}.card__portfolio .description p::-webkit-scrollbar{width:4px;background:var(--surface);border-radius:4px}.card__portfolio .description p::-webkit-scrollbar-thumb{width:2px;background:var(--primary);border-radius:4px}.card__portfolio .skills{display:flex;gap:10px;font-size:3rem}.card__portfolio .buttons{padding:14px;width:100%;height:47px;box-sizing:border-box;display:flex;justify-content:center;gap:22px;font-size:var(--text-button)}.card__portfolio .buttons a{position:relative}.card__portfolio .buttons a:hover{color:var(--primary-80)}.card__portfolio .buttons a:after{position:absolute;bottom:0;left:0;content:"";height:2px;width:100%;transform-origin:0 0;transform:scale(0);background:var(--primary);transition:.35s transform}.card__portfolio .buttons a:hover:after{transform:scale(1)}.card__portfolio .buttons a span{display:flex;align-items:center;gap:4px}}.portfolio__elements[data-astro-cid-uhrerali]{max-width:var(--max-width);display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}