body,html{width:100%;font-family:Dosis,Sans-Serif;font-size:16px}.main_container{display:flex;flex-direction:column;margin:0}.main_nav{position:fixed;width:100%;background-color:#143a45;display:flex}.main_nav_ul{list-style-type:none;display:flex;justify-content:flex-end;padding:1rem;margin:0;width:90%}.main_nav_link{margin-right:1rem}.main_nav_link:last-child{margin-right:0}.main_nav_link>a{text-decoration:none;color:#fff;font-size:18px}.main_nav_link>a:hover{color:#b9efff}.home_nav_link{text-decoration:none;width:30px;display:flex}.home_nav_link img{width:30px;height:30px}.empty{display:none}.fav_container{width:10%;margin:11px 0 0 5%}.fav_words{color:#fff;font-size:18px;margin:auto 0 auto 10px}.home_nav_link:hover .fav_words{color:#b9efff}.empty{display:none}.fav1:hover .empty{display:block;z-index:10}@media only screen and (min-width:383px){.main_nav_link:last-child{margin-right:.5rem}}@media only screen and (min-width:500px){.main_nav_link:last-child{margin-right:1rem}}@media only screen and (min-width:576px){.empty{display:block!important}.home_nav_link{width:110px}.main_nav_link>a{padding:10px}.main_nav_link:last-child{margin-right:2rem}.fav_container{margin:11px 0 0 9%}}@media only screen and (min-width:650px){.main_nav_link:last-child{margin-right:3rem}}@media only screen and (min-width:820px){.fav_words{font-size:20px;margin:auto 0 auto 10px}.home_nav_link{width:121px}.main_nav_link>a{font-size:20px}}@media only screen and (min-width:905px){.fav_container{width:66%;margin:11px 0 0 4.625rem}.home_nav_link img{width:33px;height:33px}}@media only screen and (min-width:1010px){.main_nav_link:last-child{margin-right:3.5rem}.fav_container{margin:11px 0 0 5.125rem}}@media only screen and (min-width:1100px){.main_nav_link:last-child{margin-right:4rem}.fav_container{margin:11px 0 0 5.625rem}}@media only screen and (min-width:1200px){.main_nav_link:last-child{margin-right:4.5rem}.fav_container{margin:11px 0 0 6.125rem}}@media only screen and (min-width:1300px){.main_nav_link:last-child{margin-right:5rem}.fav_container{margin:11px 0 0 6.625rem}}@media only screen and (min-width:1400px){.main_nav_link:last-child{margin-right:5.5rem}.fav_container{margin:11px 0 0 7.125rem}}@media only screen and (min-width:1500px){.main_nav_link:last-child{margin-right:6rem}.fav_container{margin:11px 0 0 7.625rem}}.h1_intro{margin:0 auto 20px;font-size:3rem;text-align:center;font-family:'Titillium Web',Sans-Serif}.about_me_background{background-color:#355259}.about_me_container{display:flex;flex-direction:column;padding:70px 0 30px}.image_container{color:#fff;display:flex;flex-direction:column}.about_container{display:flex;flex-wrap:wrap;flex-direction:column}.circle_headshot{border-radius:50%}.headshot{width:150px;height:150px;margin:0 auto 1rem}.intro_about{display:flex;flex-direction:column}.h1_name{margin:20px auto 10px;text-align:center;color:#b9efff;font-size:2.1rem;font-family:'Titillium Web',Sans-Serif}.about{color:#fff;line-height:1.5em;font-size:18px;display:block;margin:2.5% 5%}.about:last-child{margin-bottom:35px}@media only screen and (min-width:383px){.about{margin:3.5% 5%}}@media only screen and (min-width:400px){.about{font-size:1.2rem}}@media only screen and (min-width:500px){.about_me_container{padding:70px 0}.about:last-child{margin-bottom:50px}}@media only screen and (min-width:576px){.about_container{margin:0 auto;width:90%}.about{margin:1.5% 5%;font-size:1.4rem}.headshot{width:200px;height:200px;margin:1rem auto}.h1_name{margin:0 auto;font-size:2.3rem}.h1_intro{margin:15px auto 5px;font-size:3.5rem}}@media only screen and (min-width:610px){.about_me_container{padding:100px 0 70px}}@media only screen and (min-width:650px){.about{font-size:1.5rem}}@media only screen and (min-width:820px){.h1_name{margin:10px auto 0}}@media only screen and (min-width:905px){.about_container{width:90%;flex-direction:row;flex-wrap:nowrap}.image_container{width:40%}.intro_about{width:60%}.headshot{margin:1rem auto 2rem}.h1_name{margin:10px auto 30px}.h1_intro{font-size:3.5rem;margin:0 auto 15px}.about{font-size:1.45rem}.hide_small{display:block!important}.hide_big{display:none!important}}@media only screen and (min-width:1010px){.about{font-size:1.5rem}}@media only screen and (min-width:1100px){.about{font-size:1.6rem}}@media only screen and (min-width:1200px){.about{font-size:1.66rem}.about_container{width:90%}.h1_name{font-size:2.5rem}}@media only screen and (min-width:1300px){.about{font-size:1.75rem}}@media only screen and (min-width:1400px){.about{font-size:1.7rem}}@media only screen and (min-width:1450px){.about{font-size:1.75rem}}.work{display:flex;flex-direction:column;background-color:#fff;padding:0 0 20px}.work_title{text-align:center;margin:20px auto;font-size:2.1rem;width:300px;font-family:'Titillium Web',Sans-Serif}.project{display:flex;flex-direction:column;padding:1rem 0 0 0}.project_info{order:2;display:flex;flex-direction:column}.project_info>h3{order:1;margin:10px auto;font-size:1.4rem;text-align:center;font-family:'Titillium Web',Sans-Serif}.project_info_image{display:flex;flex-direction:column;flex-wrap:wrap;margin:10px 10px 50px}.project_info_image>img{order:1;width:250px;height:150px;border:1px solid #000;margin:0 auto .3rem}.project_description{order:3;margin:10px 2.5%;line-height:1.4em;font-size:1.2rem;text-align:justify}.project_stack{order:2;display:flex;justify-content:center;list-style:none;padding:0;margin:0}.project_stack_item{padding:10px;height:30px}.project_stack_item>img{width:25px;height:25px}.stack_description{font-size:10px;margin:0;display:none;width:20px}.project1:hover .stack_description{display:block}.project2:hover .stack_description{display:block}.project3:hover .stack_description{display:block}.project4:hover .stack_description{display:block}.project5:hover .stack_description{display:block}.project_links{order:3}.project_links>ul{display:flex;list-style:none;padding:0;margin:10px 0}.project_links>ul>li{border-radius:6px;padding:10px;margin:0 auto}.wasteland_bg{background-color:#140646}.wasteland{color:#140646}.yinelemek_bg{background-color:#f44336}.yinelemek{color:#f44336}.tick_it_bg{background-color:#5bc0be}.tick_it{color:#5bc0be}.weather_bg{background-color:#2b4839}.weather{color:#2b4839}.sf_crime_bg{background-color:#337ab7}.sf_crime{color:#337ab7}.project_links>ul>li:hover{box-shadow:5px 5px 5px #888;-webkit-box-shadow:5px 5px 5px #888;-moz-box-shadow:5px 5px 5px #888}.project_links>ul>.project_link_live{margin-right:10px}.project_links>ul>.project_link_github{margin-left:10px}.project_link>a{text-decoration:none;padding:10px;color:#fff}.project_link_github:hover,.project_link_live:hover{background-color:#355259}.project_link_github:hover a,.project_link_live:hover a{color:#fff}.open_source{display:flex;flex-direction:column;background-color:#fff;padding:70px 0 0}.open_title{font-family:'Titillium Web',Sans-Serif;text-align:center;margin:20px auto;font-size:2.1rem}@media only screen and (min-width:360px){.project_description{line-height:1.5em}}@media only screen and (min-width:500px){.project_info_image>img{width:357px;height:250px;margin:0 auto 1rem}.project_info>h3{font-size:1.6rem}.project_stack_item{width:50px;height:45px}.project_stack_item>img{width:35px;height:35px;margin:0 7px}.stack_description{margin:0 auto;width:initial;text-align:center}}@media only screen and (min-width:576px){.work_title{font-size:2.3rem}.work>h2{margin:20px auto 40px}.project{margin:0 auto;width:90%}.project_info{margin:0 auto}.project_description{margin:15px 5%;max-width:650px}.open_title{font-size:2.3rem}}@media only screen and (min-width:650px){.work>h2{margin:20px auto 60px}.open_title{margin:20px auto 60px}}@media only screen and (min-width:820px){.project{width:100%}}@media only screen and (min-width:1010px){.project{margin:0 auto 40px}.project_info{width:43%;margin:auto 5%}.project_info>h3{margin:0 10px 10px;text-align:left}.project_info_image{flex-direction:row;flex-wrap:nowrap}.project_info_image>img{width:429px;height:300px;margin:0 auto 0 5%}.project_stack{justify-content:initial}.project_stack_item{padding:5px}.project_description{margin:20px 0 10px 10px;font-size:1.1rem}.project_links>ul>li{margin:0 10px}}@media only screen and (min-width:1200px){.project_info{width:50%;margin:auto 0 auto 7%}.project_info_image{width:90%;margin:0 auto 60px}.project_info_image>img{margin:0 5% 0 2%;width:500px;height:350px}.project_stack_item>p{font-size:.8rem}.project_info>h3{font-size:1.8rem}.project_description{font-size:1.3rem}.work_title{font-size:2.5rem}.open_title{font-size:2.5rem}}@media only screen and (min-width:1300px){.project_description{margin:20px 30px 10px 10px}}@media only screen and (min-width:1500px){.project_info_image>img{margin:0 auto}}.contact{background:#0c576d;padding:70px 0}.contact_container{display:flex;flex-direction:column;width:300px;margin:0 auto;color:#fff}.contact_title{text-align:center;font-size:2.1rem;color:#b9efff;font-family:'Titillium Web',Sans-Serif}.contact_email{text-align:center;font-size:1.4rem;margin:0 4%}.contact_email>a{color:#b9efff}.contact_email>a:hover{color:#8cf971;text-decoration:none}.contact_link_or{text-align:center;margin:15px 0;font-size:1.2rem}.contact_link_description{text-align:center;font-size:1.4rem;margin:0 7% 40px}.contact_link_description>span{color:#b9efff}.contact_links{width:300px;margin:10px auto 30px}.contact_links>ul{list-style:none;display:flex;justify-content:space-around;padding:0;margin:0 auto}.contact_link{width:70px;height:50px}.contact_link>a{text-decoration:none;color:#fff;font-size:18px}.contact_link>a:hover .link_hide{display:block}.contact_link img{width:25px;height:25px;margin:0 22.5px}.link_hide{display:none;text-align:center;margin:5px 0 0}.hide_small{display:none!important}.top_link{margin:0 auto;color:#b9efff;font-size:1.3rem;text-decoration:none}@media only screen and (min-width:360px){.contact{padding:100px 0}}@media only screen and (min-width:576px){.contact_title{font-size:2.3rem}.contact_container{width:400px}.contact_link img{width:30px;height:30px}}@media only screen and (min-width:610px){.contact_container{width:500px}}@media only screen and (min-width:820px){.contact_container{width:650px}.contact_title{font-size:2.3rem}.contact_email{font-size:1.4rem;margin:0 4% 10px}.contact_link_or{font-size:1.2rem}.contact_link_description{margin:10px 4% 40px;font-size:1.4rem}.top_link{margin:15px auto 0}}@media only screen and (min-width:905px){.contact_link img{width:32px;height:32px;margin:0 19px}}@media only screen and (min-width:1200px){.contact_title{font-size:2.5rem}.contact_email{font-size:1.8rem}.contact_link_or{font-size:1.5rem}.contact_link_description{font-size:1.8rem}.top_link{font-size:1.6rem}}