html{font-size:16px}@font-face{font-family:EricaOneRegular;src:url(/_next/static/media/EricaOne-Regular.e69fbb4f.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:RubikMonoOneRegular;src:url(/_next/static/media/RubikMonoOne-Regular.5aff0af1.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Comfortaa;src:url(/_next/static/media/Comfortaa-VariableFont_wght.1748088b.ttf) format("truetype");font-weight:400;font-style:normal}body{display:flex;flex-direction:column;margin:0;min-height:100vh;font-family:Comfortaa,Verdana,Geneva,Tahoma,sans-serif;background:#222;font-size:clamp(.7rem,2vw,1rem);border-collapse:collapse}#test{font-size:1em}a{text-decoration:none;color:inherit;color:red;font-weight:900}a:hover{color:#9acd32}ul{list-style-type:none;margin:0;padding:0}nav.social{display:flex;background-color:#222;height:2.5vw;min-height:35px}footer,header{flex-grow:0}header{background-color:#eee;padding-top:2em;padding-bottom:2em}header,summary{display:flex;justify-content:center;align-items:center;flex-direction:row}summary{background-color:#fff;padding:2vw 8vw;text-align:center;font-size:1.5em;gap:3em}summary img{width:8vw;height:8vw;border-radius:1em}summary p{width:80vw;font-size:.8em}main{flex-grow:1;display:flex;width:100%;margin:0;background-color:#fff;padding-bottom:8vw}footer#page-footer{display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#999;background-color:#181818;min-height:calc(3rem + 1vw)}nav.social ul.social{flex:1 1;display:flex;flex-direction:row;justify-content:space-around;list-style-type:none;margin:0;max-width:1028px}ul.social li{display:flex;align-items:center;padding:0 .5vw;font-size:.8em;color:#fff}ul.social li a{color:#fff}ul.social li a span.social-label{margin-left:.3em}ul.social li a:hover{color:#adff2f}header #title-wrapper{display:flex;flex-direction:column}header h2#title-pre-2,header:hover h2#title-pre{display:none}header h2#title-pre,header:hover h2#title-pre-2{width:100%;font-size:clamp(20px,4vw,40px);margin:0}header h1#title,header h2#title-pre,header:hover h2#title-pre-2{display:flex;font-weight:900;background-color:#565656;color:transparent;text-shadow:0 2px 3px hsla(0,0%,100%,.7);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;justify-content:center}header h1#title{font-family:RubikMonoOneRegular;font-size:clamp(30px,7vw,110px);transform:none;margin:0 1vw 0 0;padding:0;align-items:center}header h2#title-post,header:hover h2#title-post-2{display:none}header h2#title-post-2,header:hover h2#title-post{background-color:#ff0;display:flex;align-items:flex-end;font-weight:900;background-color:#565656;color:transparent;text-shadow:0 2px 3px hsla(0,0%,100%,.7);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;font-size:clamp(20px,4vw,40px);justify-content:flex-end;margin:0}header:hover h1#title{transform:scaleX(-1)}h1#title span#title-space:before{content:"\25cf";font-size:clamp(30px,5vw,110px);display:flex;align-items:center;font-size:.5em}header:hover h1#title span#title-space:before{content:"";font-size:clamp(30px,5vw,110px)}#profile-pic{display:none;height:5em;width:5em;border-radius:50%;border:.2rem solid #fff}header img#resume-icon-2{display:none}header img#resume-icon-1,header:hover img#resume-icon-2{position:absolute;right:1vw;top:calc(35px + 2vw);width:5vw;height:7vw}header:hover img#resume-icon-2{display:inline}header:hover img#resume-icon-1{display:none}main section{flex:1 1}#highlighted-section{display:flex;width:100%;max-width:1600px;margin:0 auto;justify-content:center;gap:1vw}div.highlighted{flex:1 1;box-sizing:border-box;min-height:400px;max-width:640px;min-width:480px;border-radius:10px;box-shadow:2px 2px 13px rgba(0,0,0,.3)}section.projects{display:flex;flex-direction:column;gap:1vw}.highlighted{color:#222;flex-direction:column;flex-wrap:wrap;overflow:hidden;padding:0}.highlighted,.highlighted header{display:flex;justify-content:flex-start;margin:0}.highlighted header{background-color:#444;color:#fff;width:100%;flex-direction:row;height:96px;gap:24px;padding:0 0 0 24px;font-size:10px}.highlighted header .app-header-name{font-size:20px}.highlighted header .app-title{font-size:14px;text-align:center}.highlighted header a.app-store-link img{width:166px}.highlighted main{width:100%;margin:0;padding:0;display:flex;flex-direction:column;align-items:center}.highlighted main p{width:90%}.highlighted footer{display:flex;flex-direction:row;width:100%;height:48px;background-color:#ccc;margin:0;padding:0;justify-content:space-around;align-items:center;color:#222}.highlighted footer ul{display:flex;flex-direction:row;justify-content:center;gap:24px}.highlighted footer ul li:before{content:"\25CF";color:#fff;margin-right:4px;font-size:10px}.highlighted footer ul li a{font-size:12px;color:#222}.highlighted footer ul li a:hover{font-size:12px;color:lime}.highlighted footer .release-date{font-size:10px}figure.app-logo-wrapper{position:relative;margin:0;padding:0}figure.app-logo-wrapper .app-logo{border-radius:12px;width:64px;height:64px}.app-screenshot-wrapper{position:relative;border:1px solid #222;width:60%;aspect-ratio:2/1;margin:16px}.app-screenshot-wrapper img{padding:0;margin:0;width:100%;aspect-ratio:2/1}section.projects section#login{flex:0 1;display:flex;flex-wrap:wrap;width:100%;margin:3em auto 5em}section#login header{background-color:#333;color:#fff;border:0;width:100%}section#login header,section.projects section#login header p{display:flex;align-items:center;justify-content:center;padding:0;margin:0;height:3em}section.projects section#login header p{flex:1 0 100%;flex-direction:row;font-size:.8em;font-size:1em}section.projects section#login header p i{margin-right:.5em}section.projects main#login-main{display:flex;justify-content:space-around;padding:0 1em;box-sizing:border-box;border-collapse:collapse;margin:1em auto .5em;background-color:#efefef;max-width:550px}section.projects main#login-main a,section.projects main#login-main p{display:flex;justify-content:center;align-items:center}section#login footer.login{width:100%;margin:0;padding:0}section#login footer.login p{display:flex;align-items:center;justify-content:center;font-size:.7em;width:100%}ul.project-list-group i.group-icon{margin-right:.5em}ul.project-list li.project-list-title{flex-direction:row;justify-content:center;font-size:1em;height:3em;color:#222;border-bottom:2px solid #222;border-top:0;margin-top:2em}ul.project-list li{display:flex;flex-direction:column;align-items:center;border-top:1px solid grey;color:#555}ul.project-list li.project-list-item{align-items:flex-start}li.project-list-item header{display:flex;justify-content:space-between;width:100%;padding:.5em 0}li.project-list-item header h3{margin:0 0 0 1em;font-size:.8em}li.project-list-item header h3,li.project-list-item header h3 a{display:flex;align-items:center}li.project-list-item header h3 span.material-symbols-outlined{margin-right:.5em;font-size:inherit}li.project-list-item header span.live-demo{font-size:.8em;color:darkred;margin-right:.8em}li.project-list-item header span.live-demo:before{content:"\2022";color:red;margin-right:.2em;font-size:2em;vertical-align:middle}li.project-list-item header a.github-link{color:#000;font-size:.8em;margin-right:1em}li.project-list-item p.project-description{font-size:.8em;margin-left:2em}li.project-list-item footer{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:.8em}li.project-list-item footer span.keywords{visibility:hidden;color:#000;margin-left:.5em;font-size:.8em}#quick-connect{width:100%;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:space-around}#quick-connect h3{display:inline-block;border-bottom:2px dashed #666;padding-bottom:4px;color:#666}#quick-connect ul{width:90%;display:flex;flex-direction:row;background-color:#fff;align-items:center;justify-content:space-around;margin-bottom:calc(16px + 1vw)}#quick-connect p i{margin-right:8px}#quick-connect p a{color:#222}#quick-connect p a:hover{color:#f08080}#posts-section{background-color:#fff}.section-title{display:flex;justify-content:center;align-items:center;background-color:#333;color:#eee;font-size:1.2em;margin:0;padding:0 auto;height:3em;border-left:2px solid #fff}#posts-section ul.posts{padding:1em;gap:8px}#posts-section ul.posts,ul.posts li.post{display:flex;flex-direction:column;background-color:#fff}ul.posts li.post{padding-top:8px;padding-bottom:3em;justify-content:center;align-items:center;box-shadow:2px 2px 13px rgba(0,0,0,.3)}li.post h3.post-title i.fas{margin-right:.5em}li.post div.post-content{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px}li.post div.post-content img{width:20vw;height:20vw;max-width:160px;max-height:160px;margin:1vw auto;border-radius:1em}li.post div.post-content img.round{border-radius:50%}li.post div.post-content p{font-size:1em;color:#000;margin:0;padding:0}@keyframes cycleGlobes{0%{content:"🌍"}33%{content:"🌎"}66%{content:"🌏"}to{content:"🌍"}}li.post div.post-content p span#spinning-globe:before{content:"🌍";animation:cycleGlobes .8s infinite}li.post div.post-content p span.key-detail{font-weight:600;color:blue}.rotate-90{transform:rotate(90deg)}.eye-catcher{margin-right:.5em;animation-name:back-n-forth;animation-duration:1s;animation-iteration-count:infinite}@keyframes back-n-forth{0%,50%{transform:translateX(5px);transform:rotate(90deg)}51%,to{transform:translateX(-10px)}}@media screen and (max-width:2099px){#highlighted-section{flex-wrap:wrap}div.highlighted{flex-basis:50%}}@media screen and (max-width:1299px){#highlighted-section{flex-wrap:wrap}div.highlighted{flex-basis:100%}}@media screen and (max-width:960px){main{flex-direction:column-reverse}#posts-section{max-width:unset}}@media screen and (min-width:769){main{flex-direction:row}}