#dev-bg{background-color:#df779d;position:sticky;top:0;height:300px;margin-top:-300px}#dev-title-container{height:300px;z-index:2;display:flex;align-items:end;margin:auto;max-width:900px;position:relative}#dev-title{font-weight:700;font-family:Roboto;font-size:40px;color:#fff;margin:24px}#cards-wrapper{box-sizing:border-box;margin:auto;position:relative;background-color:#fff;max-width:900px;justify-items:"center";border-radius:50px;flex:1;column-gap:"1rem";padding:8px;column-width:240px;column-count:auto}@media (min-width: 700px){#dev-title{margin-left:60px}#cards-wrapper{padding:40px}}#cards-wrapper svg{border-radius:30px}#article-fixed{position:fixed;top:0;right:0;bottom:0;left:0;background-color:transparent;transition:.5s background-color .5s;pointer-events:none;z-index:4000;visibility:hidden;overflow:scroll}#article-fixed.visible{pointer-events:all}#article-fixed.active{transition:.5s background-color;background-color:#fff}#article-content-wrapper{margin:300px auto 0;max-width:700px;padding:30px 12px;opacity:0;transform:translateY(50px);transition:.5s opacity ease-in-out,.5s transform ease-in-out;flex-direction:column;align-items:center}#article-fixed.visible #article-content-wrapper{transition:1.5s opacity ease-in-out .5s,.5s transform ease-in-out .5s;opacity:1;transform:translateY(0)}#article-media{width:100%;height:300px;object-fit:cover;box-sizing:border-box;background:#f8f8f8;position:absolute;top:0;left:0}#back-btn{position:fixed;top:30px;left:8px;z-index:1000;transition:.5s opacity;opacity:0;background-color:#fff}#article-fixed.visible #back-btn{opacity:1}#next-article-btn{transition:.5s opacity;opacity:0;position:absolute;z-index:1000;top:325px;right:30px}#article-fixed.visible #next-article-btn{opacity:1;transition:.5s opacity 1s}@media (min-width: 700px){#article-content-wrapper{padding:40px 80px}#back-btn{left:20px}#next-article-btn{top:340px;right:50px}}@media (min-width: 1200px){#back-btn{left:30px}}#markdown-content{margin-top:40px;font-size:20px;color:#3e3e3e}#home-text-slideshow{flex:1;align-content:center;position:relative}.slide-text{font-size:2rem;color:#df779d;font-weight:700;opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;padding:20px}.slide-text.active{animation:fade-in 3s}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}#home{display:flex;flex-direction:row;background:#f9f9f9;justify-content:center;overflow-x:clip;gap:30px}#about-location{color:#5b136736;display:flex;align-items:center}#about-name{font-weight:700;font-family:Roboto Slab}#about-name:after{content:"";background-color:#df779d;width:124px;height:10px;border:10px;display:block;border-radius:20px;margin:8px auto 0}#about-available-chip-label{color:#fff;font-weight:700;text-transform:uppercase;line-height:1}#about-chip{margin-bottom:24px;background:#df779d;position:absolute;top:-17px;left:50%;transform:translate(-50%)}#about-post-line-1{color:#5b1367;font-weight:700;position:relative;font-size:24px;font-family:roboto slab;margin-bottom:0;margin-top:10px}#about-post-line-2{margin-bottom:16px;color:#5b136736;font-weight:700;position:relative;font-family:roboto slab}#about-social-btn-1,#about-social-btn-2{box-shadow:none;background:#fff;color:#df779d}#bottom-section{display:flex;flex-direction:column;min-height:250px;position:relative;flex:1}#bottom-section:before{background-color:#fff;content:"";height:100%;position:absolute;left:-100vw;right:-100vw;top:0;bottom:0}#dev{background:#fff;border-radius:40px;padding:25px 20px;position:relative;margin-top:35px}#home{min-height:calc(100vh - 70px)}#about-2{display:flex;flex-direction:column;align-items:center;border-radius:16px;padding:20px 6px 0;gap:30px;max-width:900px}#about-social-btn-group{gap:16px;display:flex;flex-wrap:wrap;justify-content:center}#about-social-btn-group>*{outline:2px solid transparent}#about-social-btn-group>*:hover{outline-color:#5c5c5c2b}#avatar{width:140px;height:140px;border:10px solid #fff}#about-name-location{display:flex;flex-direction:column;gap:12px;align-items:center}#about-avatar-btns{display:flex;flex-direction:column;gap:20px;align-items:center}#linkedin-btn,#github-btn{box-shadow:none;background:#fff;color:#5c5c5c}#about-3{display:flex;flex-direction:column;gap:30px;align-self:stretch}#about-action-btn-group{display:flex;margin:18px 0;justify-content:space-around;gap:16px}#about-action-btn-group>*{outline:2px solid transparent}#about-action-btn-group>*:hover{outline-color:#df779d4f}@media (min-width: 700px){#about-action-btn-group{justify-content:unset}#about-2{flex-direction:row;align-items:flex-start;padding:45px 32px 0}#about-social-btn-group{flex-direction:column}#dev{padding:22px 48px}#about-name:after{margin:8px 0 0}#about-name-location{align-items:unset}#about-chip{left:100px;transform:none}}#bubbles{position:absolute;top:0;right:0;bottom:0;left:0}.bubbles-box{height:100%;background-color:#1cbfa8;overflow:hidden}.bubbles-container{width:100%;height:100%;overflow:hidden;filter:url(#goo);position:relative}.bubble{position:absolute;bottom:0;background-color:#fff;border-radius:50%;animation:20s floatUp ease-out none;animation-duration:20s}#main_bubble{background-color:#fff;border-radius:50%;background:#fff;z-index:40000;position:absolute;aspect-ratio:1;width:80%;left:10%;bottom:-20px;opacity:.4}@keyframes floatUp{0%{transform:translateY(0) scale(0);opacity:0}10%{opacity:1;transform:translateY(-40px) scale(1)}90%{opacity:.4;transform:translateY(-400px) scale(.2)}to{transform:translateY(-500px) scale(.1);opacity:.5}}#sticky-phone{opacity:0;transform:translate(0);box-shadow:0 0 36px #7f7f7f33;position:sticky;top:20px;z-index:4000;margin-bottom:0!important;transform:translate(-60px);transform-origin:top left}@media (max-width: 1199px){#phone-container{display:none}}#phone-container{top:-100vh;position:relative;margin-bottom:-100%;width:350px;margin-left:20px}.phone-fixed #sticky-phone{transition:1s transform,1.5s opacity,.5s box-shadow;transform:translate(0);opacity:1}#arrow_icon{width:50px;height:150px;fill:#fff}#sticky-phone-overlay img{position:absolute;bottom:0;width:90%;left:5%}#sticky-phone-header{display:flex;flex-direction:row;align-items:center;border-top:31px solid #22d7bd;height:90px;position:relative;z-index:1}#sticky-phone-overlay{display:flex;flex-direction:column;justify-content:center;cursor:pointer;background:#00000036;transition:.3s opacity;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background-color:#c9d5cd;justify-content:space-between}#sticky-phone-overlay svg{animation:moveUpDown 1s infinite ease-in-out;z-index:1;margin-left:12px}@keyframes moveUpDown{0%{transform:translateY(0);opacity:1}50%{transform:translateY(30px);opacity:.6}to{transform:translateY(0);opacity:1}}#lab-text{color:#fff;font-family:Roboto,sans-serif;font-weight:700;flex:1;text-align:right;padding-right:28px;padding-top:14px;font-size:35px}#sticky-phone:hover{box-shadow:0 0 50px #7f7f7f63}#sticky-phone:hover #sticky-phone-overlay{opacity:1}body{font-family:Roboto,sans-serif;margin:0;padding:0}.MuiCardActionArea-focusHighlight{display:none}