body,html{margin:0;padding:0}.app{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;min-height:100vh;background-color:transparent}.background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/back-DV5vmoT3.jpeg);background-size:cover;background-attachment:fixed;z-index:-1}@media only screen and (max-aspect-ratio: 9/16){.background{background-image:url(/assets/back-mobile-DK7iRKzn.png)}}.card{width:200px;height:200px;background-color:#6495ed;flex:1 0 24%;margin:1%}.card.hovered{filter:brightness(.8)}.github-card .card{background-color:#24e2ff}.header{display:flex;justify-content:center;align-items:center;width:70vw;margin-top:20vh;transform:translate(-5%);border-radius:min(5vw + 5vh,50px);overflow:hidden;background-color:#5757ff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.avatar{width:100px;height:100px}.avatar-container{flex:2;transform:translate(10%)}.title-container{flex:3;display:flex;flex-direction:column;justify-content:center}.main-title{font-family:Arial,sans-serif;font-size:48px;font-weight:700}.sub-title{font-family:Arial,sans-serif;font-size:32px}@media only screen and (max-aspect-ratio: 1){.header{flex-direction:column;align-items:center}.header .avatar-container{display:flex;justify-content:center;margin-top:12%;flex:2;transform:none}.header .title-container .main-title,.header .title-container .sub-title{display:none}.header .title-container .mobile-title{flex:3;display:block;text-align:center}}@media only screen and (min-aspect-ratio: 1){.header .title-container .mobile-title{display:none}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}