@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";html,body{margin:0;overflow:hidden}.app-info{height:100dvh;width:100dvw;display:flex;flex-direction:column;align-items:center;justify-content:space-between;font-family:Poppins,serif;position:absolute;color:#fff}.app-socials{display:flex;gap:25px;margin-top:15px}.app-socials a{text-decoration:none;color:#fff;font-size:2rem;font-weight:600;animation:fadein 2s ease-in-out}#app-name{font-size:3.5rem;font-weight:600;animation:fadeinright 1.5s ease-in-out;margin:0}#app-location{font-size:1.15rem;margin-bottom:15px;animation:fadein 2s ease-in-out}.app-cta{display:flex;flex-direction:column;align-items:center}#app-portfolio-btn{display:flex;justify-content:center;align-items:center;background:#ffffff59;border-radius:25px;padding:5px 15px;border:none;color:#fff;font-size:1.5rem;width:170px;transition:.2s;font-weight:500;animation:fadein 2s ease-in-out;-webkit-tap-highlight-color:rgba(255,255,255,.2)}#app-portfolio-btn:hover{scale:1.1;transition:.3s}#app-portfolio-btn:active{scale:1;transition:.1s}#app-portfolio-btn img{scale:1.3;animation:lefttoright infinite 1.5s ease-in-out;animation-delay:2s;-webkit-tap-highlight-color:transparent}a{text-decoration:none}@keyframes lefttoright{0%{transform:translate(0)}50%{transform:translate(30%)}to{transform:translate(0)}}@keyframes fadeinright{0%{transform:translate(-300%);opacity:0;filter:blur(10px)}to{transform:translate(0);opacity:1;filter:blur(0)}}@keyframes fadeinmobile{0%{transform:translate(-100%);opacity:0;filter:blur(10px)}to{transform:translate(0);opacity:1;filter:blur(0)}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media (max-width: 750px){#app-name{animation:fadeinmobile 1s ease-in-out;font-size:2.5rem}#app-location{font-size:1.15rem}.app-socials{gap:15px}#app-portfolio-btn:hover{scale:1}}.portfolio-container{width:100dvw;height:100dvh;position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Poppins,serif;overflow-y:auto;overflow-x:hidden}#portfolio-header{color:#fff;font-size:3.5rem;animation:fadein 1s ease-in-out}.portfolio-wrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px}.portfolio-card{box-sizing:border-box;background:#fff;padding:15px;border-radius:15px;width:400px;height:auto;border:1px solid rgba(170,170,170,.655);box-shadow:4px 4px 15px #5b5b5b92;animation:fadeinup 1s ease-in-out;transition:.2s}.portfolio-card:hover{scale:1.03;transition:.3s}.portfolio-card-bg{width:100%;height:150px;border-radius:15px;background-size:cover;background-repeat:no-repeat}.portfolio-card-title{font-size:1rem;font-weight:600;margin-top:5px}.portfolio-card-date{text-align:end;margin:0}.portfolio-card-language{margin:0;background:#000;color:#fff;border-radius:25px;padding:5px 15px;font-size:.9rem;font-weight:600}#portfolio-card-bg1{background-image:url(/portfolio/card-bg/snappify.png)}#portfolio-card-bg2{background-image:url(/portfolio/card-bg/portfolio.png)}#portfolio-card-bg3{background-image:url(/portfolio/card-bg/osudevclub.png)}.portfolio-card-languages{display:flex;align-items:center;justify-content:start;gap:5px}#portfolio-back-btn{display:flex;justify-content:center;align-items:center;background:#ffffff59;border-radius:25px;padding:5px 15px;border:none;color:#fff;font-size:1.5rem;width:140px;transition:.2s;font-weight:500;animation:fadein 2s ease-in-out;-webkit-tap-highlight-color:rgba(255,255,255,.2);margin-bottom:25px}#portfolio-back-btn:hover{scale:1.1;transition:.3s}#portfolio-back-btn img{scale:1.3;animation:righttoleft infinite 1.5s ease-in-out;animation-delay:1s;-webkit-tap-highlight-color:transparent}a{text-decoration:none;color:#000}@keyframes righttoleft{0%{transform:translate(0)}50%{transform:translate(-30%)}to{transform:translate(0)}}@keyframes fadeinup{0%{opacity:0;transform:translateY(50%)}to{opacity:1;transform:translateY(0)}}@media (max-width: 750px){.portfolio-wrapper{align-items:normal;padding-bottom:30px}.portfolio-container{justify-content:start;background:#fff}#portfolio-header{margin-top:35px}.portfolio-card{width:93dvw}#portfolio-header{color:#000;font-size:2.9rem;margin-bottom:30px}#portfolio-back-btn{background:#000}.portfolio-card:hover,#portfolio-back-btn:hover{scale:1}}