@import"https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap";*{outline:none;box-sizing:border-box}:root{--theme-bg-color: rgba(16 18 27 / 40%);--border-color: rgba(113 119 144 / 25%);--theme-color: #f9fafb;--inactive-color: rgb(113 119 144 / 78%);--body-font: "Poppins", sans-serif;--hover-menu-bg: rgba(12 15 25 / 30%);--content-title-color: #999ba5;--content-bg: rgb(146 151 179 / 13%);--button-inactive: rgb(249 250 251 / 55%);--dropdown-bg: #21242d;--dropdown-hover: rgb(42 46 60);--popup-bg: rgb(22 25 37);--search-bg: #14162b;--overlay-bg: rgba(36, 39, 59, .3);--scrollbar-bg: rgb(1 2 3 / 40%);--highlight-color: #ffce45;--hero-hightlight-color: #00132c;--highlight-color-dark: #6c0c86;--badge-color: #223851}.light-mode{--theme-bg-color: rgb(255 255 255 / 31%);--theme-color: #3c3a3a;--inactive-color: #333333;--button-inactive: #3c3a3a;--search-bg: rgb(255 255 255 / 31%);--dropdown-bg: #f7f7f7;--overlay-bg: rgb(255 255 255 / 30%);--dropdown-hover: rgb(236 236 236);--border-color: rgb(255 255 255 / 35%);--popup-bg: rgb(255 255 255);--hover-menu-bg: rgba(255 255 255 / 35%);--scrollbar-bg: rgb(255 253 253 / 57%);--content-title-color: --theme-color;--highlight-color: #7400b8;--hero-hightlight-color: #5d009a;--badge-color: #f9fafb}:focus-visible{outline-width:0;--ring-offset-shadow: var(--ring-inset) 0 0 0 var(--ring-offset-width) var(--ring-offset-color);--ring-shadow: var(--ring-inset) 0 0 0 calc(2px + var(--ring-offset-width)) var(--ring-color);box-shadow:var(--ring-offset-shadow),var(--ring-shadow),var(--shadow, 0 0 rgba(0, 0, 0, 0));--ring-color: var(--highlight-color);--ring-offset-width: 2px;--ring-offset-color: #ffffff00;--ring-inset: }html{box-sizing:border-box;-webkit-font-smoothing:antialiased}body{margin:0;font-family:var(--body-font);background:linear-gradient(-45deg,#012a4a,#013a63,#01497c,#014f86,#2a6f97,#2c7da0);background-size:400% 400%;animation:gradient 15s ease infinite;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:2em;width:100%;height:100vh}@media screen and (max-width: 480px){body{padding:.5em}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.smooth-scroll{scroll-behavior:smooth}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}img{max-width:100%;height:auto;object-fit:cover}a{text-decoration:none;color:inherit;font-weight:600;display:inline-flex;width:fit-content}a span{display:flex;align-items:center}a svg{width:1rem;margin-left:.25rem;flex-shrink:0}a:hover{color:var(--highlight-color)}p{margin:.5rem 0 0}b{font-weight:600}.dark-light{width:32px;height:32px;background-color:var(--theme-bg-color);border:2px solid var(--theme-bg-color);padding:3px;border-radius:50%;z-index:3;margin-left:22px;cursor:pointer}.dark-light svg{width:24px;flex-shrink:0;fill:#ffce45;stroke:#ffce45;transition:.5s}.light-mode .dark-light svg{fill:#7400b8;stroke:#7400b8}.light-mode .profile-img{border:2px solid var(--theme-bg-color)}.light-mode .content-section ul.interests{background-color:var(--theme-bg-color)}.light-mode .pop-up__title{border-color:var(--theme-color)}.light-mode .dropdown.is-active ul{background-color:#fffffff0}.light-mode .content-wrapper-header{background-image:url(/cubes.png),linear-gradient(to right top,#7400b8,#6930c3,#5e60ce,#5390d9,#4ea8de,#48bfe3,#56cfe1,#64dfdf,#72efdd,#80ffdb,#a1fbe2,#befbea);filter:saturate(1.3)}body.light-mode{background:linear-gradient(-45deg,#cf4af3,#e73bd7,#f631bc,#fd31a2,#ff3a8b,#ff4b78,#ff5e68,#ff705c,#ff8c51,#ffaa49,#ffc848,#ffe652);background-size:400% 400%;animation:gradient 15s ease infinite}.app{background-color:var(--theme-bg-color);max-width:1250px;max-height:860px;height:90vh;display:flex;flex-direction:column;overflow:hidden;position:relative;width:100%;border-radius:.875rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-size:1rem;font-weight:500}.header{display:flex;align-items:center;flex-shrink:0;height:58px;width:100%;border-bottom:1px solid var(--border-color);padding:0 30px;white-space:nowrap}@media screen and (max-width: 480px){.header{padding:0 16px}}.menu-circle{width:.9rem;height:.9rem;background-color:#f96057;border-radius:50%;box-shadow:24px 0 #f8ce52,48px 0 #5fcf65;margin-right:195px;flex-shrink:0}@media screen and (max-width: 945px){.menu-circle{display:none}}.header-profile{display:flex;align-items:center;padding:0 0 0 2rem;margin-left:auto;flex-shrink:0}.header-profile svg{width:22px;color:#f9fafb;flex-shrink:0}.header-profile .socials{display:none}@media screen and (max-width: 945px){.header-profile .socials{display:block}}.wrapper{display:flex;flex-grow:1;overflow:hidden}.left-side{flex-basis:240px;border-right:1px solid var(--border-color);padding:1.5rem;overflow:auto;flex-shrink:0;display:flex;justify-content:space-between;flex-direction:column;flex-wrap:wrap}@media screen and (max-width: 945px){.left-side{display:none}}.socials{color:var(--theme-color)}.socials a{padding:.5rem;border-radius:6px}.socials a svg{margin:0;width:1.25rem}.socials a:hover{background-color:var(--hover-menu-bg)}.socials a:hover svg{color:var(--theme-color)}.side-wrapper+.side-wrapper{margin-top:1.5rem}.side-title{color:var(--theme-color);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05rem;font-weight:600}.side-menu{display:flex;flex-direction:column;white-space:nowrap}.side-menu a{text-decoration:none;color:var(--theme-color);display:flex;align-items:center;font-weight:400;padding:.6rem;font-size:.875rem;border-radius:6px;transition:.3s}.side-menu a:hover{background-color:var(--hover-menu-bg)}.side-menu svg{width:1rem;margin-right:.5rem}.updates{position:relative;top:0;right:0;margin-left:auto;width:18px;height:18px;font-size:11px}.main-container{display:flex;flex-direction:column;flex-grow:1}.menu-link-main{text-decoration:none;color:var(--theme-color);padding:0 30px}@media screen and (max-width: 1055px){.menu-link-main{display:none}}.content-wrapper{display:flex;flex-direction:column;color:var(--theme-color);padding:1.5rem;height:100%;overflow:auto;background-color:var(--theme-bg-color)}@media screen and (max-width: 510px){.content-wrapper{padding:1rem}}.content-wrapper-header{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-gap:1rem;align-items:center;width:100%;justify-content:space-between;background-image:url(/cubes.png),linear-gradient(to right top,#cf4af3,#e73bd7,#f631bc,#fd31a2,#ff3a8b,#ff4b78,#ff5e68,#ff705c,#ff8c51,#ffaa49,#ffc848,#ffe652);border-radius:14px;padding:1.5rem}@media screen and (max-width: 510px){.content-wrapper-header{padding:1.5rem;grid-template-columns:1fr}}.content-wrapper-header .profile-picture{grid-column:span 3/span 3;object-fit:cover;object-position:center}@media screen and (max-width: 510px){.content-wrapper-header .profile-picture{transform:scale(1);margin:0 auto;grid-column:span 1/span 1}}.content-wrapper-context{grid-column:span 5/span 5}@media screen and (max-width: 510px){.content-wrapper-context{grid-column:span 1/span 1}}.content-wrapper.overlay{pointer-events:none;transition:.3s;background-color:var(--overlay-bg)}.page-title{font-weight:500;font-size:2rem;display:flex;align-items:center;margin:0}.content-text{font-weight:400;margin-top:1rem;line-height:1.5;color:var(--theme-color)}.content-text p{margin:0 0 1rem}.content-text p a:hover{color:var(--hero-hightlight-color)}.content-badge{font-size:.75rem;background-color:var(--highlight-color);border:none;padding:.25rem .75rem;color:var(--badge-color);border-radius:99999px;margin-top:.5rem;transition:.3s;white-space:nowrap;margin-right:.375rem}.content-section{padding-top:2rem;display:flex;flex-direction:column}.content-section-title{color:var(--content-title-color);margin-bottom:1rem;font-size:1rem;font-weight:500}.content-section .interests{display:flex;flex-direction:column;width:100%;height:100%;justify-content:space-around;background-color:var(--content-bg);padding-left:0;margin:0;border-radius:14px;border:1px solid var(--theme-bg-color)}.content-section .interests li{list-style:none;padding:.75rem 1.5rem;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-gap:1rem;align-items:center;width:100%;height:100%;transition:.3s;font-size:.875rem}.content-section .interests li:hover{background-color:var(--theme-bg-color)}.content-section .interests li:hover:first-child{border-radius:13px 13px 0 0}.content-section .interests li:hover:last-child{border-radius:0 0 13px 13px}.content-section .interests li+li{border-top:1px solid var(--border-color)}.content-section .interests .activity img,.content-section .interests .activity__title{grid-column:span 2/span 2}.content-section .interests .activity__descrip{grid-column:span 4/span 4}@media screen and (max-width: 565px){.content-section .interests .activity__title,.content-section .interests .activity__descrip{grid-column:span 8/span 8}}.button-wrapper{display:flex;align-items:center;justify-content:flex-end;width:187px;margin-left:auto}@media screen and (max-width: 480px){.button-wrapper{width:auto}}.content-button-wrapper{margin-top:auto;margin-left:auto}.content-button-wrapper .open{margin-right:8px}.exp-cards{display:flex;align-items:center;flex-wrap:wrap;width:100%}.exp-card{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-gap:1rem;width:100%;background-color:var(--content-bg);border-radius:.875rem;border:1px solid var(--theme-bg-color);padding:1.5rem;transition:.3s ease}.exp-card+.exp-card{margin-top:1.5rem}.exp-card__date,.exp-card__img{grid-column:span 2/span 2}.exp-card__date p,.exp-card__img p{font-size:.75rem;text-transform:uppercase;letter-spacing:.05rem}.exp-card__content{grid-column:span 6/span 6}.exp-card__content a{text-decoration:none;color:var(--theme-color);display:flex}.exp-card__content a:hover{color:var(--highlight-color)}.exp-card .timeline-arrow{margin:.5rem 0}.exp-card .timeline-arrow svg{width:1rem;fill:var(--theme-color)}@media screen and (max-width: 565px){.exp-card__date,.exp-card__img,.exp-card__content{grid-column:span 8/span 8}}.exp-card__subtext{font-size:.875rem;font-weight:400}.exp-card-badges{display:flex;flex-flow:wrap;align-items:center;margin-left:auto;padding:0;list-style:none}@media screen and (max-width: 1110px){.exp-card:last-child{margin-left:0}}@media screen and (max-width: 565px){.exp-card{margin-top:1.5rem}.exp-card+.app-card{margin-left:0}}::-webkit-scrollbar{width:6px;border-radius:10px}::-webkit-scrollbar-thumb{background:var(--scrollbar-bg);border-radius:10px}