body.svelte-3h05ro.svelte-3h05ro{overflow-x:hidden;background-color:#151515}#content.svelte-3h05ro.svelte-3h05ro{width:100vw;height:200vh}#content.svelte-3h05ro .bgimg.svelte-3h05ro{position:absolute;top:0;width:inherit;height:inherit;z-index:1;background-image:url(./abstract4.a0889ef0.webp);background-repeat:no-repeat;background-size:cover;background-position:right;filter:blur(20px);-webkit-filter:blur(20px);opacity:1}p.svelte-3h05ro.svelte-3h05ro{color:var(--textcolor);font-family:var(--subfont);font-size:1.2rem;text-align:center}.navtab.svelte-3h05ro.svelte-3h05ro{z-index:999;color:var(--textcolor);position:absolute;display:flex;min-width:100vw;border-bottom:solid 1px;border-color:#ffffff1a;background-color:#0003;justify-content:space-between;flex-wrap:nowrap;flex-direction:row;align-items:center}.navtab.svelte-3h05ro .logo.svelte-3h05ro{padding:1rem;display:flex}.navtab.svelte-3h05ro .logo .name.svelte-3h05ro{height:fit-content;align-self:center;font-size:2.5rem;font-weight:700;font-style:italic;font-family:var(--subfont)}.navtab.svelte-3h05ro nav.svelte-3h05ro{width:fit-content;padding:.5rem;font-weight:500;margin:.3rem}.navtab.svelte-3h05ro nav a.svelte-3h05ro{border-radius:18px;text-decoration:none;color:gray;font-family:var(--font);font-size:1.5rem;padding:.5rem;font-weight:500}.navtab.svelte-3h05ro nav a.svelte-3h05ro:last-child{margin-right:4rem}.navtab.svelte-3h05ro nav a.svelte-3h05ro:hover{background-color:#8080801a;color:var(--textcolor);text-shadow:0px 0px 30px white}.navtab.svelte-3h05ro nav a.active.svelte-3h05ro{background-color:#8080801a;color:var(--textcolor)}.cardContainer.svelte-3h05ro.svelte-3h05ro{padding:5%;z-index:999;display:flex;justify-content:center;align-items:center;min-height:100vh;background:#212121;margin:3%}.card.svelte-3h05ro.svelte-3h05ro{font-family:var(--font);position:relative;width:360px;height:fit-content;background:linear-gradient(rgba(255,255,255,.3),var(--accent1));border-radius:20px;overflow:hidden;z-index:998;margin:1%}.card.svelte-3h05ro.svelte-3h05ro:before{content:"";position:absolute;top:-50%;width:100%;height:100%;background:linear-gradient(rgba(0,0,0,.5),rgba(149,144,144,.5));transform:skewY(370deg);transition:3s}.card.svelte-3h05ro.svelte-3h05ro:hover:before{top:-70%;transform:skewY(90deg)}.card.svelte-3h05ro.svelte-3h05ro:after{content:"Software Developer - OOP - Functional- Fullstack- Frontend - Backend - Web - Desktop - Mobile";position:absolute;bottom:0;left:0;font-weight:600;font-size:3.5rem;color:#0000001a}.card.svelte-3h05ro .img-container.svelte-3h05ro{position:relative;width:100%;display:flex;height:fit-content;z-inder:1}.card.svelte-3h05ro .img-container .avatarContainer.svelte-3h05ro{display:flex;width:fit-content;height:fit-content;flex-direction:row-reverse}.card.svelte-3h05ro .img-container .avatarContainer .avatar.svelte-3h05ro{padding:5%;width:60%;aspect-ratio:1/1;border-radius:50%}.card.svelte-3h05ro .container.svelte-3h05ro{position:relative;display:flex;align-items:center;flex-direction:column;z-index:2;height:75%}.card.svelte-3h05ro .container h1.svelte-3h05ro{font-size:1rem;color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:2px}.card.svelte-3h05ro .container .text.svelte-3h05ro{font-size:24px;color:#fff;font-weight:700;letter-spacing:1px;padding:30px}.card.svelte-3h05ro .container .popup.svelte-3h05ro{position:relative;top:100px;opacity:0;padding:10px 30px;margin:0 0 0 3%;color:#000;text-decoration:none;background:linear-gradient(rgba(0,0,0,.8),rgba(26,26,26,.6));border-radius:18px;text-transform:uppercase;font-size:2rem;letter-spacing:1px;transition:2.5s}.card.svelte-3h05ro .container .popup i.svelte-3h05ro{background:radial-gradient(150.81% 167.43% at 0% 0%,#ffffff 31.85%,#000000 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;color:transparent}.text.svelte-3h05ro span.svelte-3h05ro{font-size:1rem;color:var(--accent2)}.card.svelte-3h05ro:hover .container .popup.svelte-3h05ro{top:0;opacity:1;box-shadow:8px 8px 8px #000}.card.svelte-3h05ro:hover .container .popup:hover i.svelte-3h05ro{background:radial-gradient(150.81% 167.43% at 0% 0%,var(--accent1) 31.85%,var(--accent2) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;color:transparent}.popupContainer.svelte-3h05ro.svelte-3h05ro{position:relative;top:65%;display:flex;flex-wrap:nowrap;justify-content:center}@media only screen and (max-width: 500px){.navtab.svelte-3h05ro.svelte-3h05ro{width:100vw}.navtab.svelte-3h05ro nav.svelte-3h05ro{padding:.1rem}.navtab.svelte-3h05ro nav a.svelte-3h05ro{font-size:1.2rem}.navtab.svelte-3h05ro nav a.svelte-3h05ro:last-child{margin-right:1rem}.cardContainer.svelte-3h05ro.svelte-3h05ro{flex-direction:column;align-items:stretch}.card.svelte-3h05ro.svelte-3h05ro:nth-child(1){margin-top:10vh}.card.svelte-3h05ro.svelte-3h05ro{width:auto}.card.svelte-3h05ro .img-container .avatarContainer.svelte-3h05ro{margin-left:auto}.card.svelte-3h05ro .container .text.svelte-3h05ro{font-size:20px}.card.svelte-3h05ro .container .popup.svelte-3h05ro{font-size:1.5rem}}