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