@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap";*{font-family:Orbitron,serif!important}body,html{margin:0;padding:0;width:100%;height:100%;background:linear-gradient(120deg,#617aff 50%,#000 0);font-family:Orbitron,serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.portfolio-card{display:flex;flex-direction:column;height:100vh;position:relative}@media(min-width:48em){.portfolio-card{flex-direction:row}}.left-side{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;position:relative;text-align:center;padding:1.25em;overflow:hidden}@media(min-width:48em){.left-side{flex:1 1}}@media(max-width:47.9375em){.left-side{justify-content:flex-start;align-items:flex-start;padding:.5em;margin-top:6.25em}}.left-side .content{overflow-y:auto;max-height:100%}.left-side .content .name{font-size:4em;font-family:Orbitron,serif;margin:0}@media(max-width:36em){.left-side .content .name{font-size:2.25em}}@media(max-width:47.9375em){.left-side .content .name{font-size:3em}}.left-side .content .role{font-size:1.5em;opacity:.3;margin:0}@media(max-width:36em){.left-side .content .role{font-size:1.2em}}@media(max-width:47.9375em){.left-side .content .role{font-size:1.125em}}.divider{position:relative;z-index:1;width:100%;padding-left:0}.divider,.divider .circle{display:flex;justify-content:center;align-items:center}.divider .circle{width:80%;max-width:20em;height:80%;max-height:20em;border-radius:50%;box-shadow:0 .25em .5em #0003;border:10px solid #617aff}.divider .circle .profile-pic{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%;display:block;margin:0;box-shadow:0 0 10px #0000004d}@media(min-width:48em){.divider{width:22%;padding-top:0}.divider .circle{width:80%}.divider .profile-pic{width:100%;height:100%}}@media(max-width:47.9375em){.divider{width:100%;flex-direction:row-reverse;position:static;padding-top:2.5em}.divider .circle{width:9.375em;height:9.375em}.divider .profile-pic{width:100%;height:100%;object-fit:cover}}body{overflow:hidden}.right-side{flex:1 1;display:flex;flex-direction:column;color:#fff!important;overflow-y:auto;z-index:2}.right-side .navigation{position:fixed;top:0;right:20px;z-index:1000;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:.5em 1.25em;overflow:hidden;max-width:calc(100% - 2.5em)}@media(max-width:48em){.right-side .navigation{position:static;max-width:100%;justify-content:center;margin-top:1.25em}}.right-side .navigation ul{list-style:none;display:flex;gap:1.25em;margin:0;padding:0;flex-wrap:nowrap;overflow:hidden}@media(max-width:48em){.right-side .navigation ul{flex-direction:column;width:100%}}.right-side .navigation ul li a{text-decoration:none;color:#fff;font-weight:700;padding:.5em;font-size:1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .3s,color .3s}.content-area{flex:1 1;width:100%;padding:1.25em;color:#fff!important;overflow-y:auto;box-sizing:border-box}@media(max-width:47.9375em){.content-area{padding-top:2.5em}}.skills{position:absolute;bottom:1.25em;left:50%;transform:translateX(-50%);width:100%;z-index:2}.skills,.skills ul{display:flex;gap:.5em;flex-wrap:wrap;justify-content:center}.skills ul{list-style:none;padding:0;margin:0}@media(max-width:47.9375em){.skills{display:none;bottom:2.5em}}@media(max-width:36em){.skills{margin-top:auto;justify-content:center;position:relative;bottom:0;transform:none}}.skills ul li,.skills ul li a{display:inline-flex;align-items:center;justify-content:center}.skills ul li a{padding:.5em;border-radius:.5em;background:#fff;color:#617aff;transition:background-color .3s,color .3s}.active{background-color:#617aff;color:#fff}@media(max-width:47.5em){.container{min-width:100%}}@media(max-width:48em){body{overflow:hidden}.left-side{justify-content:flex-start;align-items:center;padding:.5em;margin-top:0}.left-side .content{position:relative;z-index:2}.left-side .content .name{font-size:2.25em}.left-side .content .role{font-size:1.125em}.divider{position:relative;z-index:1;display:flex;padding:0;justify-content:center}.divider .circle{width:9.375em;height:9.375em}.divider .profile-pic{width:100%;height:auto;border-radius:50%;box-shadow:0 .25em .5em #0003}.right-side{justify-content:flex-start;align-items:center;padding-top:2.5em}.content-area{padding-top:0}.skills{margin-top:auto;justify-content:center}.skills ul{justify-content:space-between}}