@import "https://fonts.googleapis.com/css2?family=Scheherazade";*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,p{margin:0}html,body{min-height:100vh;scroll-padding-top:100px;scroll-behavior:smooth;line-sizing:normal;text-rendering:optimizeSpeed;line-height:1.6}section{padding:2.5em}h1,h2,h3,p{max-width:80ch}img{display:block;max-width:100%}.center{display:grid;place-items:center}.grid{display:grid;grid-gap:2.5em}@media(min-width: 601px){.grid{grid-auto-flow:column}}@media(min-width: 601px){.grid.two{grid-template-columns:1fr 1fr}}@media(min-width: 601px){.grid.three{grid-template-columns:repeat(3, 1fr)}}.glassy{padding:2.5em;position:relative}.glassy:after{content:"";position:absolute;inset:0;background:inherit;box-shadow:inset 0 0 0 5em rgba(255,255,255,.25);filter:blur(10px)}.glow{text-shadow:0 0 .25em currentColor,0 0 .5em currentColor}.logo{width:1.5em;margin:0 .5ch}.scrollbar{overflow-x:scroll;scrollbar-width:none}.scrollbar::-webkit-scrollbar-track,.scrollbar::-webkit-scrollbar-thumb{border-radius:1em}.scrollbar::-webkit-scrollbar-track{border:1px solid gray;margin:0 2.5em}.scrollbar::-webkit-scrollbar-thumb{background:inherit;box-shadow:inset .25em .25em .25em #fff}.scrollbar::-webkit-scrollbar{height:0}@media(min-width: 601px){.scrollbar{scrollbar-width:1em}.scrollbar::-webkit-scrollbar{height:1em}}.coming_soon{text-align:center;border-radius:1em;border:1px solid gray;max-width:100% !important;padding:5em 0;margin-top:2.5em}body{min-width:100vw;min-height:100vh;overflow-x:hidden}section{padding:5em}.view_height{height:100vh}h1{text-align:center}#scores,#persoanl_projects,#videos{padding:2.5em 5em 0 5em}#intro{padding:2.5em}#intro header{display:flex;align-items:center;gap:2.5em;flex-direction:column;justify-content:center}@media(min-width: 601px){#intro header{flex-direction:row;justify-content:space-between}}#intro header #socials{display:flex}#intro #bio{padding:5em 0;display:flex;gap:5em;align-items:center;margin:0 auto;flex-direction:column}@media(min-width: 601px){#intro #bio{flex-direction:row}}#intro #bio #avatar{border-radius:50%;overflow:hidden;background:#ddd;height:300px;width:300px}#intro #bio #avatar img{width:100%;height:300px;object-fit:cover;object-position:50% 95%}footer:before{content:"";display:block;height:.1px;background:gray;margin:0 2.5em}footer #footer__content{display:flex;justify-content:center;padding:1em}footer #footer__content a:first-of-type{margin-left:1ch}footer #footer__content a:last-of-type{margin-right:1ch}.card_deck,.card_track{display:flex;padding:2.5em}.card_deck .card,.card_track .card{border-radius:1em;overflow:hidden}.card_deck .card{min-width:120%;box-shadow:-1em 0 2.5em #000}@media(min-width: 601px){.card_deck .card{min-width:25vw}}.card_track{gap:1em}.card_track .card{min-width:100%;border:#fff .01em solid}@media(min-width: 601px){.card_track .card{min-width:300px}}.card_track .card img{width:100%;height:200px;object-fit:cover}.card_track .card a{text-decoration:none}.card_track .card .text_wrapper{padding:1em}#audios,#cheat_sheets,#professional_projects{padding:2.5em}.title{min-width:100% !important}#logo h1{font-size:3em;font-weight:normal;font-family:"Scheherazade"}html,body{font-family:"Helvetica",sans-serif;font-size:14px}@media(min-width: 601px){html,body{font-size:clamp(16px,1vw,1vw)}}h1{font-family:"Times New Roman",serif}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}footer p,footer a{font-size:.7rem}footer .logo{width:1.5em !important;margin:0 .5ch}#logo h1{text-shadow:none}body{background:#222}h1,h2,h3{color:#fff}p,a{color:#ddd}#logo h1{color:#fff}nav a{transition:color 500ms}.faded_out{transition:opacity 1s ease-in-out 500ms;opacity:0}.fade_in{opacity:1}.moved_right,.moved_left{transition:transform 1s ease-in-out 250ms,opacity 1s ease-in-out 250ms;opacity:0}.moved_right{transform:translateX(100%)}.moved_left{transform:translateX(-100%)}.move_back{transform:translateX(0);opacity:1}#intro aside{transition-delay:1500ms}#intro h1{transition-delay:2500ms}#intro p{transition-delay:3500ms}.glow_text{animation:glow_text 1s linear infinite alternate}@keyframes glow_text{100%{text-shadow:0 0 .05em currentColor,0 0 .1em currentColor}}.glow_box{animation:glows_box 1s linear infinite alternate;line-height:1;padding:.25em;border-radius:.25em;border:currentColor .05em solid}@keyframes glows_box{100%{box-shadow:inset 0 0 .1em 0 currentColor,inset 0 0 .2em 0 currentColor,0 0 .1em 0 currentColor,0 0 .2em 0 currentColor}}.card_deck .card,.logo{transition:transform .25s}.logo:hover{transform:translate(-0.25ch, -0.25ch)}.card_deck .card:not(:first-child){margin-left:-5em}.card_deck .card:hover{transform:translateY(-1em)}.card_deck .card:hover~.card{transform:translateX(5em)}body{animation:change_background 1s linear calc(var(--scroll)*-1s) 1 normal both paused}@keyframes change_background{25%{background:#00001a}40%{background:#240024}60%{background:#300}80%{background:#222}}.reel_left{animation:reel_left_mobile 1s linear calc(var(--scroll)*-1s) 1 normal both paused}@media(min-width: 601px){.reel_left{animation:reel_left 1s linear calc(var(--scroll)*-1s) 1 normal both paused}}@keyframes reel_left{100%{transform:translateX(-100%)}}@keyframes reel_left_mobile{20%{transform:translateX(-100%)}}.reel_right{animation:reel_right_mobile 1s linear calc(var(--scroll)*-1s) 1 normal both paused}@media(min-width: 601px){.reel_right{animation:reel_right 1s linear calc(var(--scroll)*-1s) 1 normal both paused}}@keyframes reel_right{100%{transform:translateX(100%)}}@keyframes reel_right_mobile{0%{transform:translateX(-20%)}100%{transform:translateX(100%)}}.appear_1{opacity:0;animation:appear_1_mobile 1s linear calc(var(--scroll)*-1s) 1 normal both paused}@media(min-width: 601px){.appear_1{animation:appear_1 1s linear calc(var(--scroll)*-1s) 1 normal both paused}}@keyframes appear_1_mobile{50%{opacity:1}100%{opacity:0}}@keyframes appear_1{20%{opacity:1}40%{opacity:0}}.appear_2{opacity:0;animation:appear_2 1s linear calc(var(--scroll)*-1s) 1 normal both paused}@keyframes appear_2{50%{opacity:1}100%{opacity:0}}.appear_3{opacity:0;animation:appear_3 1s linear calc(var(--scroll)*-1s) 1 normal both paused}@keyframes appear_3{15%{opacity:1}70%{opacity:0}}.card_track .card{transition:box-shadow 250ms}.card_track .card h3,.card_track .card p{transition:text-shadow 250ms}.card_track .card .image_wrapper{overflow:hidden}.card_track .card .image_wrapper img{transition:transform 500ms}.card_track .card:hover{box-shadow:0 0 .5em 0 #fff,0 0 1em 0 #fff}.card_track .card:hover h3,.card_track .card:hover p{text-shadow:0 0 .5em currentColor,0 0 1em currentColor}.card_track .card:hover img{transform:scale(1.1)}.title{transition:text-shadow 500ms 500ms}