.header-container{display:flex;align-content:flex-start;justify-content:space-around;align-items:center;flex-direction:row;flex-wrap:nowrap}.in-container{position:relative;display:flex;max-height:100%;height:90vh;overflow-y:hidden;align-content:center;justify-content:center;align-items:center}.in-container section{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:flex-start;align-items:center}#header-container{position:relative;padding:5px}#header-container h1{margin:5px auto;font-size:23px;display:flex;flex-direction:row;align-items:center;justify-content:center;align-content:center;flex-wrap:nowrap;gap:10px}#nav-container{display:flex;flex-direction:row;justify-content:center;align-items:center;align-content:center;flex-wrap:nowrap;gap:5px;font-size:large}#nav-container ul{display:flex;flex-direction:row;justify-content:center;align-items:center;align-content:center;flex-wrap:nowrap;gap:5px;font-size:large;list-style:none}#nav-container a{padding:10px;color:azure}#nav-container a:hover{color:#58a6ff}#nav-container .active{border-bottom:1px solid #58a6ff;color:#58a6ff}#nav-container .active:hover{color:azure;border-color:azure}.menu-mobile{border:0;height:40px;width:40px;padding:.5rem;font-size:20px;color:#fff;background-color:transparent;cursor:pointer;transition:background-color .2s ease-in-out;position:absolute;top:5px;right:10px;border-radius:4px;display:none}#footer{position:absolute;bottom:0;right:30px;display:flex;flex-direction:column-reverse;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;gap:10px;z-index:2}#footer span{transform:rotate(90deg);font-size:25px;margin:auto;display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center}#footer div{display:flex;flex-direction:column-reverse;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;gap:10px}.img-section{position:relative;max-width:300px;height:300px;border-radius:50%;overflow:hidden;border:1px solid}.img-section .square{width:300px;height:200px;border:1px solid;position:absolute;top:45px;left:0;transform:rotate(20deg)}.img-section img{transform:scale(2.2)}.intro-section{position:relative;max-width:490px;top:-20px}.intro-section .intro-content{padding:10px}.intro-section .intro-content sup{font-size:15px;font-style:italic}.intro-section .intro-content h1{margin:5px auto;font-size:1.5em}.intro-section .intro-content p{text-indent:15px}#section-about{flex-direction:row;justify-content:center;align-items:center;align-content:center}#section-about .about-img{max-width:300px}#section-about .about-img img{border-radius:50%}#section-about .about-content{position:relative}#section-about .about-content h2{display:flex;flex-direction:row;align-content:center;justify-content:flex-start;align-items:center;gap:10px}#section-about .about-content ul{margin:0;list-style-type:square}#section-about .about-content ul li{line-height:25px}#section-about .about-content ul li span{display:inline-block;min-width:90px;margin-right:5px}#section-about .about-content ul li span:after{content:":";float:right}#section-skill{position:relative}#section-skill h1{margin:2px auto}#section-skill ul{line-height:21px}#section-skill ul li{margin:2px auto}.content-skill{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;align-content:flex-start;flex-wrap:nowrap;gap:10px}.content-skill .left-skill,.content-skill .right-skill{flex:50%}.content-skill ol{line-height:22px}#section-resume{position:relative}#section-resume>h1{margin:10px auto}#section-resume .container-resume{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:flex-start;gap:10px}#section-resume .container-resume h2{font-size:1.2em}#section-resume .container-resume .left{flex:50%;max-height:420px;overflow-y:auto}#section-resume .container-resume .left .content{color:#fff}#section-resume .container-resume .right{flex:50%;max-height:420px;overflow-y:auto}#section-resume .container-resume .right .content{color:#fff}#section-resume .container-resume ul{margin:0;padding:0;list-style:none}#section-resume .container-resume .content{position:relative;border-left:2px solid;padding:10px;margin-left:10px}#section-resume .container-resume .content sup{font-style:italic;font-family:monospace}#section-resume .container-resume .content p{margin-top:10px}#section-resume .container-resume .content p span{display:block}#section-resume .container-resume .content p span:last-child{font-size:12px;margin-top:15px;background-color:#90909033;padding:5px;border-radius:5px}#section-resume .container-resume .content:before{content:"";position:absolute;top:-1%;left:-8px;width:13px;height:13px;border-radius:50%;background-color:#fff}#section-portfolio{max-width:100%;height:100vh;text-align:center;justify-content:center}#section-portfolio .content-portfolio{display:block;max-height:420px;overflow-y:auto}#section-portfolio .content-portfolio .item-portfolio{position:relative;display:flex;margin:10px auto;padding:10px;flex-wrap:nowrap;flex-direction:row;justify-content:flex-start;align-items:center;align-content:flex-start;text-align:left}#section-portfolio .content-portfolio .item-portfolio .img-portfolio{height:100px;width:100px;overflow:hidden;flex:30%}#section-portfolio .content-portfolio .item-portfolio .img-portfolio img{width:100%;height:100%;object-fit:cover}#section-portfolio .content-portfolio .item-portfolio .item-content{padding:10px;flex:70%}#section-portfolio .content-portfolio .item-portfolio .item-content h2{margin:5px auto}#section-portfolio .content-portfolio .item-portfolio .item-content p{font-size:13px;margin:8px auto}#section-portfolio .content-portfolio .item-portfolio .item-content a{display:inline-block;padding:5px;border:1px solid;border-radius:5px;margin-right:5px}#not-found{flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;height:100vh;text-align:center;max-width:100%}#not-found h1{font-size:5em;margin:10px auto}#not-found p{margin:5px auto}#not-found a{display:block;padding:10px;border:1px solid;border-radius:5px;margin:20px auto}#section-certificate{max-width:100%;height:100vh;text-align:center;justify-content:center}#section-certificate .content-certificate{display:grid;grid-template-columns:auto auto auto;gap:20px;margin:10px auto;max-width:70%;max-height:70vh;overflow-y:auto}#section-certificate .content-certificate .item-certificate{padding:5px;border:1px solid #444}#section-certificate .content-certificate .item-certificate .img-certificate{max-height:220px;overflow:hidden}#section-certificate .content-certificate .item-certificate p{margin:5px auto}*,*:before,*:after{box-sizing:border-box}*::-webkit-scrollbar{width:1px}*::-webkit-scrollbar-track,*::-webkit-scrollbar-thumb{background-color:transparent}body{background-color:#010409;color:#c9d1d9;margin:0;line-height:1.15;-webkit-text-size-adjust:100%;font-family:Source Sans Pro,Lucida Grande,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}a:link,a:visited{text-decoration:none;color:#58a6ff}img,iframe{max-width:100%;height:auto}@media screen and (max-width: 728px){.header-container{position:relative;display:flex;align-content:flex-start;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap}.menu-mobile{display:block;z-index:99}#nav-container{display:none}#nav-container.show{display:block}#nav-container ul{position:absolute;top:0;left:0;right:0;bottom:0;height:100vh;margin:0;padding:0;display:flex;flex-direction:column;align-content:center;justify-content:center;flex-wrap:nowrap;gap:50px;z-index:9;background-color:#000000b3;align-items:center}#section-home{margin:10px auto;height:90vh;justify-content:center}#section-home .img-section{max-width:200px;height:200px;border-radius:100%;margin:10px auto}#section-about{height:90vh;flex-direction:column;justify-content:center;align-items:center;align-content:center;max-width:100%;padding:10px}#section-about .about-content{margin:auto}#section-about .about-content ul{list-style-position:inside;padding:0}#section-about .about-content ul li{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}#section-skill{margin:10px auto}#section-skill .content-skill{flex-direction:column-reverse;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center}#section-skill .content-skill .left-skill,#section-skill .content-skill .right-skill{flex:none}#section-resume{position:relative}#section-resume .container-resume{flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:flex-start;gap:10px}#section-resume .container-resume .left{flex:none;margin-bottom:10px}#section-resume .container-resume .left .content{color:#fff}#section-resume .container-resume .right{flex:none;margin-top:10px}#section-resume .container-resume .right .content{color:#fff}#section-certificate{height:auto;max-width:100%}#section-certificate .content-certificate{display:block;max-height:100%;overflow-y:visible}#section-certificate .content-certificate .item-certificate{margin:10px auto}#section-certificate .content-certificate .item-certificate .img-certificate{max-height:200px}#section-certificate .content-certificate .item-certificate p{margin:5px auto}#section-portfolio{height:90vh;max-width:80%}#section-portfolio .content-portfolio .item-portfolio .item-content h2{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.in-container{height:auto}.in-container section{max-width:80%;margin:auto;text-align:justify}#footer{position:fixed;left:-90%;right:0;gap:15px}}