*{padding:0;margin:0;box-sizing:border-box;overflow:hidden}html{background-color:#2e2e2e}header{background-color:#2e2e2e}body{touch-action:none;-webkit-overflow-scrolling:none}header{width:100vw;height:64px;display:flex;align-items:center;justify-content:center;gap:48px}header>button{margin-top:4px;width:55px;height:55px;border:none;border-radius:8px;background-color:transparent}#gitea-button{background-image:url(../../../images/gitea-code/gitea-code-circle-2.svg);background-repeat:no-repeat;background-size:50%;background-position:center}#gitea-button:hover,#gitea-button:active{cursor:pointer;background-image:url(../../../images/gitea-code/gitea-code-circle-2-filled.svg);background-color:transparent}#linkedin-button{background-image:url(../../../images/linkedin/brand-linkedin.svg);background-repeat:no-repeat;background-size:50%;background-position:center}#linkedin-button:hover,#linkedin-button:active{cursor:pointer;background-image:url(../../../images/linkedin/brand-linkedin-filled.svg);background-color:transparent}main{background-color:transparent;display:flex;justify-content:center;align-items:center}main>#container{background-color:#e4e4e4;width:98vw;height:98%;border-radius:16px;display:flex;flex-direction:column;justify-content:center}#bio-container{margin:20px;background-color:transparent;height:300px;display:flex;flex-direction:row;align-items:center;justify-content:center}#bio-container>#bio-text{width:400px;font-family:Noto Sans Mono;font-size:10pt}#profile-pic{width:180px;height:180px;margin-left:20px}.site-divider{width:100%;display:flex;justify-content:center;align-items:center}.divider{position:absolute;width:100%;height:2px;background-color:#2e2e2e}#project-title{position:absolute;background-color:#e4e4e4;font-family:Quicksand;font-size:24pt;padding-left:20px;padding-right:20px;margin-bottom:6px;text-decoration:none}#projects-container{background-color:transparent;height:230px;width:100%;display:flex;justify-content:center}#projects-buttons{background-color:transparent;margin-top:40px;width:640px;height:100%;display:flex;justify-content:center;flex-wrap:wrap;gap:64px}#projects-buttons>button{background-color:#cacaca;width:128px;height:128px;border:none;border-radius:24px}#projects-buttons>button:hover,button:active{cursor:pointer;background-color:#bdbdbd}#blog-posts-title{position:absolute;background-color:#e4e4e4;font-family:Quicksand;font-size:24pt;padding-left:20px;padding-right:20px;margin-bottom:6px}#blog-posts-container{background-color:transparent;height:240px;width:100%;display:flex;justify-content:center}#blog-posts-buttons{background-color:transparent;margin-top:40px;width:640px;height:100%;display:flex;justify-content:center;flex-wrap:wrap;gap:64px}#blog-posts-buttons>button{background-color:#cacaca;width:128px;height:128px;border:none;border-radius:24px}#blog-posts-buttons>button:hover,button:active{cursor:pointer;background-color:#bdbdbd}.button-design{background-color:transparent;width:100%;height:100%;border:none;border-radius:24px;filter:blur(2px)}.button-design:hover{cursor:pointer;filter:blur(1px);background-color:#c4c4c4}.button-url{background-color:#cacaca;width:128px;height:128px;border:none;border-radius:24px;display:flex;align-items:center;justify-content:center}.button-text{position:absolute;z-index:999;background-color:transparent;width:96px;text-align:center;pointer-events:none;font-family:Heebo;color:#fff;text-shadow:-.5px -.5px 0 #000,.5px -.5px 0 #000,-.5px .5px 0 #000,.5px .5px 0 #000}.no-click{pointer-events:none}footer{position:relative;bottom:0;height:64px;width:100vw;display:flex;justify-content:center;align-items:center;color:#fff;font-family:Caveat}