:root{--size-factor: 24;--size-double-factor: calc(var(--size-factor) / 2);--size-quad-factor: calc(var(--size-factor) / 4);--mobile-width: 90vw;--mobile-size: calc(var(--mobile-width) / var(--size-factor));--mobile-double-size: calc(var(--mobile-width) / var(--size-double-factor));--mobile-quad-size: calc(var(--mobile-width) / var(--size-quad-factor));--full-width: 50vw;--full-size: calc(var(--full-width) / var(--size-factor));--full-double-size: calc(var(--full-width) / var(--size-double-factor));--full-quad-size: calc(var(--full-width) / var(--size-quad-factor))}*,*:before,*:after{box-sizing:border-box;margin:0;position:relative;font-weight:400}body{min-height:100vh;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app,main{display:flex;width:100%;height:100%;background-color:#2d0057}main{height:100vh;align-items:center;justify-content:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(150,810,480)'%3E%3Cstop offset='0' stop-color='%23060546'/%3E%3Cstop offset='1' stop-color='%233C0556'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='548' height='456.7' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.1'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");background-attachment:fixed;background-size:cover}.privacy{position:absolute;bottom:0;width:100vw;text-align:center}.policy{display:flex;width:100vw;margin-left:auto;margin-right:auto;flex-direction:column;color:#fff;background-color:#2d0057;padding-left:5vw;padding-right:5vw}.contact-card{margin-bottom:var(--mobile-size);width:var(--mobile-width);height:calc(var(--mobile-width) / 1.75);font-size:var(--mobile-size);perspective:1000px;text-align:center}.card-inner{text-align:left;position:relative;width:100%;height:100%;transition-timing-function:ease-in-out;transition:transform 1s;transform-style:preserve-3d}#trigger{display:none}.card-flip{bottom:calc(-1 * var(--mobile-size));position:absolute;height:var(--mobile-size);width:var(--mobile-size);z-index:1}.card-flip svg{transition-timing-function:ease-in-out;fill:#ffffff80;transform-origin:50% 50%;transition:transform 1s}#trigger:checked+.card-flip svg{transform:rotate(360deg)}#trigger:checked~.card-inner{transform:rotateY(-180deg)}.card-front,.card-back{padding:var(--mobile-size);position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:var(--mobile-size);box-shadow:0 0 20px #00000080}.card-front{background-image:linear-gradient(320deg,hsl(240deg 100% 20%) 0%,hsl(248deg 100% 19%) 1%,hsl(256deg 100% 19%) 3%,hsl(264deg 100% 18%) 7%,hsl(271deg 100% 17%) 20%,hsl(279deg 100% 16%) 84%,hsl(287deg 100% 16%) 94%,hsl(295deg 100% 15%) 98%,hsl(303deg 100% 15%) 100%,hsl(311deg 100% 14%) 100%);color:#f5f5f5}.card-back{background-image:linear-gradient(50deg,hsl(240deg 100% 20%) 0%,hsl(248deg 100% 19%) 1%,hsl(256deg 100% 19%) 3%,hsl(264deg 100% 18%) 7%,hsl(271deg 100% 17%) 20%,hsl(279deg 100% 16%) 84%,hsl(287deg 100% 16%) 94%,hsl(295deg 100% 15%) 98%,hsl(303deg 100% 15%) 100%,hsl(311deg 100% 14%) 100%);color:#f5f5f5;transform:rotateY(180deg);overflow-y:auto;display:flex;align-content:space-around;flex-wrap:wrap}.card-back a{display:inline-block;flex-grow:1;text-align:center;margin:.5rem;transition-timing-function:ease-in-out;transition:font-size .5s}.card-back a:hover{font-size:larger}.card-back::-webkit-scrollbar{border-radius:var(--mobile-size);width:var(--mobile-size)}.card-back::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #25005c;border-radius:var(--mobile-size)}.card-back::-webkit-scrollbar-thumb{background-image:linear-gradient(50deg,hsl(240deg 100% 20%) 0%,hsl(248deg 100% 19%) 1%,hsl(256deg 100% 19%) 3%,hsl(264deg 100% 18%) 7%,hsl(271deg 100% 17%) 20%,hsl(279deg 100% 16%) 84%,hsl(287deg 100% 16%) 94%,hsl(295deg 100% 15%) 98%,hsl(303deg 100% 15%) 100%,hsl(311deg 100% 14%) 100%);border-radius:var(--mobile-size)}.title{display:flex;flex-direction:row}.title-name{font-weight:700;font-size:larger}.social{list-style-type:none;padding-left:0}.social li{display:flex;flex-direction:row;align-items:center;justify-content:left}.social svg{fill:#fff;max-height:var(--mobile-size);width:var(--mobile-size);margin-right:var(--mobile-size)}.bio{font-weight:700}.bio-text{font-size:large}a{color:#fff;text-decoration:none}i{margin-right:var(--mobile-size)}.profile-picture{display:inline-block;width:var(--mobile-quad-size);height:var(--mobile-quad-size);border-radius:var(--mobile-double-size);background-size:contain;background-position:center center;background-repeat:no-repeat;margin-right:var(--mobile-size)}@media (min-width: 1024px){body{display:flex;place-items:center}.contact-card{margin-bottom:var(--full-size);width:var(--full-width);height:calc(var(--full-width) / 1.75);font-size:var(--full-size)}.card-flip{bottom:calc(-1 * var(--full-size));height:var(--full-size);width:var(--full-size)}.card-front,.card-back{border-radius:var(--full-size);padding:var(--full-size)}.social svg{max-height:var(--full-size);width:var(--full-size);margin-right:var(--full-size)}.bio-text{font-size:smaller}i{margin-right:var(--full-size)}.profile-picture{width:var(--full-quad-size);height:var(--full-quad-size);border-radius:var(--full-double-size);margin-right:var(--full-size)}}