lepo-modal{width:100%;height:100%;background-color:rgba(0,0,0,.8);display:none;position:fixed;z-index:100;top:0;left:0;opacity:0}lepo-modal.open{display:block}lepo-modal modal-content{width:100%;height:fit-content;background-color:rgba(255,255,255,.2);display:block;margin:auto;inset:0;position:absolute;padding:20px;box-shadow:0 0 10px 1px rgba(0,0,0,.2)}lepo-modal modal-content>div{width:100%;height:100%;background-color:#fff;border:2px solid var(--g1);overflow:hidden;text-align:center}lepo-modal modal-content .close-btn{margin:auto;inset:0;position:absolute;margin-bottom:-80px}@media(max-width: 1024px){lepo-modal modal-content{padding:15px}lepo-modal modal-content .close-btn{margin-bottom:-70px}}lepo-content{display:none !important}#portfolio,lepo-tabs tabs-cont{display:flex;position:relative;z-index:1;overflow:hidden}lepo-tabs{display:block}lepo-tabs tabs-nav{border-bottom:1px solid var(--text-bg);padding-bottom:10px;cursor:default;display:block}lepo-tabs tabs-nav button{font-size:16px;color:var(--text);padding:6px 12px;transition:color var(--time)}lepo-tabs tabs-nav button:active{background-color:#222}lepo-tabs tabs-cont{padding-top:80px;transition:padding .2s}lepo-tabs tabs-cont tabs-item{position:relative;z-index:1;left:0;height:0;flex:1 0 100%;transition:left var(--time) var(--ease)}lepo-tabs tabs-cont tabs-item.active{height:auto}@media(max-width: 1024px){lepo-tabs tabs-nav button{font-size:14px}lepo-tabs tabs-cont{padding-top:50px}}@media(max-width: 600px){lepo-tabs tabs-nav button{font-size:12px}}#card img{width:180px;aspect-ratio:1;border-radius:50%;margin:0 auto 20px auto;transition:width .2s}#card span{font-size:16px;font-weight:600;line-height:22px;color:var(--p1);margin-bottom:45px;display:block}#card p{text-align:justify;text-align-last:center}#card nav{display:flex;justify-content:center;gap:15px;padding-top:30px;font-size:18px}#card nav a:nth-child(3) svg{width:20px}@media(max-width: 1024px){#card img{width:100px;margin-bottom:10px}#card span{font-size:12px;line-height:18px}}#mosaic{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1px;align-content:start}#mosaic .case{border:1px solid #000;background-color:var(--bg);background-repeat:no-repeat;background-position:center;background-size:cover;aspect-ratio:16/10;cursor:pointer}#mosaic .case:active{border-width:5px}@media(max-width: 600px){#mosaic{grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));padding-inline:20px}}#pages article{border-bottom:1px solid var(--text-bg);padding:0 80px 80px 80px;position:relative;display:none}#pages article.active{display:block}#pages article img{aspect-ratio:16/10;margin-bottom:50px}#pages article header p{text-align:justify;text-align-last:center}#pages article>div{padding-top:35px}#pages article footer{padding-top:50px}#pages article footer a{width:180px}@media(max-width: 600px){#pages article{padding:0 20px 60px 20px}#pages article img{margin-bottom:40px}}#portfolio .active{height:auto}#pages,#mosaic{height:0;flex:1 0 100%;transition:left var(--time) var(--ease);position:relative}#experience{padding-inline:80px;text-align:left}#experience .post{border-bottom:1px solid var(--text-bg);margin:0 0 50px 0;padding:0 0 50px 0}#experience .post:last-child{margin-bottom:0}#experience .post header{position:relative}#experience .post header h2{margin-bottom:5px;padding-right:90px}#experience .post header span,#experience .post header b{font-size:16px;font-weight:300;line-height:24px;color:var(--text)}#experience .post>div{padding-top:35px}#experience .post>div li{margin-bottom:12px;line-height:24px}@media(max-width: 600px){#experience{padding-inline:20px}#experience .post header span,#experience .post header b{font-size:14px;line-height:20px}#experience .post header span{display:block}#experience .post header b{display:none}}#certification{padding-inline:80px;text-align:left}#certification .post{border-bottom:1px solid var(--text-bg);margin:0 0 50px 0;padding:0 0 50px 0;padding-right:90px;position:relative}#certification .post:last-child{margin-bottom:0}#certification .post h2{margin-bottom:5px}#certification .post span,#certification .post b{font-size:16px;font-weight:300;line-height:24px;color:var(--text)}@media(max-width: 600px){#certification{padding-inline:20px}#certification .post span,#certification .post b{font-size:14px;line-height:20px}#certification .post span{display:block}#certification .post b{display:none}}.toolbar{display:flex;gap:10px;position:absolute;z-index:1;top:0}#portfolio .toolbar{width:30px;height:30px;flex-direction:column;padding-top:0;right:20px}@media(max-width: 600px){#portfolio .toolbar{top:10px;right:30px}}#experience .toolbar,#certification .toolbar{width:70px;height:30px;flex-direction:row-reverse;right:0}#experience .toolbar .link svg,#certification .toolbar .link svg{width:12px}#experience .toolbar .certificate svg,#certification .toolbar .certificate svg{width:18px}