#root{text-align:center;width:100%;height:100%}h1{margin-top:1vh}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-ms-keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page_body{animation:fadeIn .7s linear;-webkit-animation:fadeIn .7s linear;-moz-animation:fadeIn .7s linear;-o-animation:fadeIn .7s linear;-ms-animation:fadeIn .7s linear}#nav_bar_container{display:flex;flex-direction:row;border-bottom:solid black;height:10vh;overflow:hidden;--inverted: 0}@media (prefers-color-scheme: dark){#nav_bar_container{border-bottom:solid white}#nav_bar_icons>a>img{--inverted: 1}}#nav_bar_left{display:flex;flex:1}#nav_bar_left>a{font-size:1.5em;align-content:center;padding-left:1vw;text-decoration:none;color:inherit}#nav_bar_right{display:flex;align-items:center}#nav_bar_right>ul{display:flex;flex-direction:row;justify-content:flex-end;flex:1;align-self:center;align-items:center}#nav_bar_right>ul>li{list-style-type:none;padding:2vh 2vw 2vh 2vw}#nav_bar_right>ul>li>a{transition:color .2s;text-decoration:none;color:inherit}#nav_bar_right>ul>li>a:hover{color:#996}#nav_bar_icons{display:flex;flex-direction:row;justify-content:center;align-items:center}#nav_bar_icons>a{margin:2vh .5vw 2vh .5vw;height:6vh;width:6vh}#nav_bar_icons>a>img{width:100%;height:100%;filter:brightness(0) invert(var(--inverted))}#hamburger_menu{display:flex;align-items:center;margin:2vw;font-size:xx-large}#hamburger_menu>div{background-color:inherit}#mobile_links_container>div>a{text-decoration:none;color:inherit;height:100%;width:100%;display:block}#mobile_links_container>div:active{background-color:#0003;-webkit-transition:background-color .1s ease;-ms-transition:background-color .1s ease;transition:background-color .1s ease}hr{width:95%;margin:2vh auto}#about_me{display:flex;flex-direction:row-reverse;margin-left:2.5%;margin-right:2.5%;font-size:1.2em}#image_description{display:flex;flex:6;align-items:center;text-align:left}#personal_photo{flex:1;width:60%;height:auto;margin-left:1vw}.project_link{padding:1vw;margin:.5vh .5vw .5vh .5vw;border-radius:.5vw;border-color:var(--text-color)}.project_description_container{display:flex;margin-left:2.5%;margin-right:2.5%;text-align:left}.project_description{flex:3}.project_description>ul>li>ul{padding-left:1em}.project_preview{flex:2}.project_preview>img{width:100%;height:auto}@media only screen and (max-width: 600px){#about_me{display:inline-block;text-align:left}#image_description{font-size:smaller;display:inline}#personal_photo{max-width:30vw;max-height:30vw;float:right}.project_container{display:inline-block}.project_description>ul{list-style-position:inside}.project_description_container{flex-direction:column-reverse}}#about_description{text-align:start;margin:0 5vw}#about_description>ul{list-style-position:inside}#contact_big_container{display:flex;flex-direction:row;justify-content:center;margin:0 10vw}#contact_info_container{display:flex;flex-direction:column;flex:1;justify-content:space-around}.contact_info_sub{display:flex;flex-direction:column}.form_label_input{display:flex;flex-direction:column;margin:0 .5vw 1vh .5vw}#contact_form_container{display:flex;flex:3;flex-direction:column;margin:0 5vw}#contact_name_email_container{display:flex;flex-direction:row;justify-content:center}#contact_name,#contact_email{flex:1}input[id=name],input[id=email],input[id=subject]{width:100%;padding:1vh 1vw;box-sizing:border-box}textarea{padding:1vh 1vw;box-sizing:border-box;font-family:FiraGO,sans-serif}#send_message_btn{padding:.75vw;overflow:auto}@media only screen and (max-width: 600px){#contact_big_container{margin:0;flex-direction:column}}#education_table{display:flex;margin:0 5vw}.education_left{flex:1}.education_right{flex:3;text-align:start}.education_class_container{padding:.5vw;margin:1vh 0;border-radius:5px;border:solid black;border-width:thin}@media (prefers-color-scheme: dark){.education_class_container{border:solid white;border-width:thin}}summary{font-weight:700}details>ul{list-style-position:inside}details>ul>li{padding-left:1em}.experience_table{display:flex;margin:0 5vw;padding-bottom:4vh}.experience_left{flex:1}.experience_right{flex:3;text-align:start}.experience_right>ul{list-style-position:inside}html,body{margin:0;padding:0;color:#fff;height:100%;width:100%}.spotify-button{background-color:#1db954;color:#fff;margin:1vh .5vw 1vh .5vw;padding:.75vw;border-radius:5px;border-color:#fff;border-width:thin;font-weight:700}.youtube-button{background-color:red;color:#fff;margin:1vh .5vw 1vh .5vw;padding:.75vw;border-radius:5px;border-color:#fff;border-width:thin;font-weight:700}#back-home-button-container{flex:1;display:flex;justify-content:start}#back_home_button{background-color:#222831;color:#fff;margin:1vh .5vw 1vh .5vw;padding:.75vw;border-radius:5px;border-color:#fff;border-width:thin;font-weight:700}#spotify_buttons{display:flex;flex-direction:row;justify-content:center;flex:1}#main_buttons{flex:1;display:flex;justify-content:center}#main_data{display:flex;flex-direction:row;justify-content:space-around}#user_data{flex:1;order:1}#user_playlists{flex:1;order:2}#chosen_playlist_container{flex:1;order:3;display:flex;flex-direction:column}#album_tracks{list-style-type:none;margin:0;padding:0}.album_image{width:20%}.loading-gif{width:25%;align-self:center}.overlay{position:fixed;background-color:#0000001a;width:15vw;height:7vh;bottom:1vh;right:1vh;border-radius:1vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.overlay:hover{background-color:#0003}.overlay>a{display:flex;justify-content:center;align-items:center;text-align:center;text-decoration:none;color:inherit;width:100%;height:100%}@media only screen and (max-width: 600px){#main_data{flex-direction:column}#chosen_playlist_container{order:2}#user_playlists{order:3}}:root{font-family:FiraGO,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0}body{margin:0;display:flex;place-items:center;background-color:var(--bkg-color);color:var(--text-color)}body{--text-color: black;--bkg-color: rgb(240, 240, 240)}@media (prefers-color-scheme: dark){body{--text-color: #EEEEEE;--bkg-color: #222831}}*{margin:0;padding:0}