.experience{animation:fadeIn 1.5s ease-in-out;padding:2rem 4rem}.experience .experience-heading{font-size:2rem;font-weight:600;color:#fff;margin-bottom:3rem}.experience .experience-heading:last-of-type{margin-top:2.5rem}.experience .experience-cards{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2.5rem}.experience .experience-card{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;padding:1.2rem 1rem;gap:1rem;width:22rem;color:hsla(0,0%,100%,.8);background-color:#171923;box-shadow:0 2px 3px 0 hsla(0,0%,100%,.3),0 1px 2px 0 hsla(0,0%,100%,.1);transform:rotateY(90deg);animation:flip2 1.5s ease-in-out forwards}.experience .experience-card .popover-content{overflow-x:auto;max-height:80vh}.experience .experience-card h2{color:#fff;margin:1rem 0}.experience .experience-card img{border-radius:5px}.experience .experience-card .logo-box{display:flex;align-items:center;padding:1rem;gap:1rem;border-radius:8px;width:100%;background-color:hsla(0,0%,100%,.2);box-shadow:0 2px 2px 0 hsla(0,0%,100%,.3),0 1px 2px 0 hsla(0,0%,100%,.1)}.experience .experience-card .logo-box p{font-size:1rem;font-weight:600}.experience .experience-card .info-box{width:100%;display:flex;flex-direction:column;align-self:flex-start;gap:.5rem}.experience .experience-card .info-box .title{font-size:1.2rem;font-weight:700}.experience .experience-card .info-box .duration{font-size:.7rem;font-weight:600}.experience .experience-card .info-box .text{text-align:justify;font-size:.9rem;margin-bottom:1rem}.experience .experience-card .bottom{width:100%;display:flex;align-items:center;justify-content:space-between}.experience .experience-card .learn-more{display:flex;align-items:center;gap:.5rem;background-color:#48bb78;color:#fff;font-weight:600;padding:.4rem .6rem;border-radius:5px;font-size:.7rem;cursor:pointer}.experience .experience-card ul{list-style-type:none}.experience .experience-card li{font-size:.7rem;padding:.5rem;text-align:justify;width:100%}.experience .cred-link{display:block;margin-top:1rem;font-size:1rem;text-align:right;color:blue}.experience .cred-link:hover{color:#3182ce}.parallax{border-radius:2rem}.visiting-card{position:relative;z-index:12;min-width:25rem;height:15rem;animation:slideAndSkew 2.2s ease-in-out;background-color:#171923;border-radius:2rem;padding:1rem;margin:.2rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:2px -1px 4px rgba(0,0,0,.9),3px -2px 0 1px hsla(0,0%,100%,.3)}.visiting-card .company-text{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.visiting-card .company-text p{background-color:#aaa;color:transparent;text-shadow:1px 1px 3.5px #171923;-webkit-background-clip:text;background-clip:text;font-weight:700}.visiting-card .card-title{justify-content:center;align-items:center;font-size:1.4rem;font-weight:800}.visiting-card .card-duration,.visiting-card .card-title{display:flex;background-color:#aaa;color:transparent;text-shadow:1px 1px 3.5px #171923;-webkit-background-clip:text;background-clip:text}.visiting-card .card-duration{justify-content:flex-end;font-weight:600;font-size:.95rem}.learn-more-btn{position:relative;top:1rem;padding:.5rem 1rem;background-color:transparent;color:#aaa;cursor:pointer;transition:all .3s ease-in-out}.learn-more-btn:hover{color:#fff}.mini-card{display:flex;flex-direction:column;width:18rem;height:18rem;background-color:#45474f;border-radius:2rem;overflow:hidden;margin-right:.5rem;box-shadow:0 0 8px hsla(0,0%,100%,.3);animation:mini-card-hover 3s ease-in-out infinite}.mini-card img{border-radius:50%}.mini-card ul{display:flex;flex-direction:column;gap:.5rem;padding:0 .5rem}.mini-card ul li{color:#ccc}.mini-card .mini-card__link{width:100%;height:25%;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;background-color:#171923;cursor:pointer}.mini-card .mini-card__link p{color:#fff}.mini-card div{padding:1.5rem}div[popover]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#171923;border-radius:5px;animation:fadeInOnly .5s ease-in-out;padding:2rem}div[popover] ul{display:flex;flex-direction:column;align-items:center;gap:.5rem;list-style-type:none}div[popover] ul li{color:#ccc;background-color:#45474f;border-radius:5px;padding:.5rem;font-size:.9rem;text-shadow:1.5px 1.5px 0 #000}div[popover]::backdrop{transition:all 1s;background-color:rgba(0,0,0,.7);z-index:1000}div[popover] .close-btn{margin-left:42vw;margin-top:1.5rem;background-color:darkred;color:#fff;font-weight:600;padding:.5rem 1rem;border-radius:5px;cursor:pointer}@keyframes mini-card-hover{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes slideAndSkew{0%{transform:translateY(-500px) skewY(20deg) skewX(20deg)}to{transform:translateY(0) skewY(0deg) skewX(0deg)}}@keyframes fadeInOnly{0%{opacity:0}to{opacity:1}}@keyframes flip2{0%{opacity:0;transform:rotateX(5deg) rotateY(90deg)}to{opacity:1;transform:rotateX(0deg) rotateY(0deg)}}