@import "https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Open+Sans:ital@0;1&display=swap";@import "https://fonts.googleapis.com/css2?family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Ubuntu Mono,Work Sans,Helvetica,Arial,sans-serif}ul{padding:0;list-style:none}li{margin:0;padding:0;list-style:none}a{margin:0;padding:0;text-decoration:none;display:inline-block}.link{transition:all .5s}.link:hover{cursor:pointer;color:#400000}.bold{font-weight:700}.fontsize1,.fontsize2,.fontsize3{color:#202020}.fontcolor1{color:#fff}.fontcolor2{color:#202020}.fontcolor3{color:#a00000}.fontcolor4{color:#fffefb}@media screen and (width>=2561px){.fontsize1{font-size:27.2px}.fontsize2{font-size:34px}.fontsize3{font-size:68px}}@media screen and (width<=2560px){.fontsize1{font-size:21.6px}.fontsize2{font-size:27px}.fontsize3{font-size:54px}}@media screen and (width<=1920px){.fontsize1{font-size:13.6px}.fontsize2{font-size:17px}.fontsize3{font-size:34px}}@media screen and (width<=1680px){.fontsize1{font-size:12.8px}.fontsize2{font-size:16px}.fontsize3{font-size:32px}}@media screen and (width<=1366px){.fontsize1{font-size:12.8px}.fontsize2{font-size:16px}.fontsize3{font-size:32px}}@media screen and (width<=1068px){.fontsize1{font-size:12px}.fontsize2{font-size:15px}.fontsize3{font-size:30px}}@media screen and (width<=768px){.fontsize1{font-size:12px}.fontsize2{font-size:15px}.fontsize3{font-size:30px}}@media screen and (width<=400px){.fontsize1{font-size:10.4px}.fontsize2{font-size:13px}.fontsize3{font-size:26px}}@media screen and (width>=2561px){.fontsize1,.fontsize2{line-height:50px}}@media screen and (width<=2560px){.fontsize1,.fontsize2{line-height:38px}}@media screen and (width<=1920px){.fontsize1,.fontsize2{line-height:25px}}@media screen and (width<=1680px){.fontsize1,.fontsize2{line-height:22px}}@media screen and (width<=1068px){.fontsize1,.fontsize2{line-height:22px}}@media screen and (width<=768px){.fontsize1,.fontsize2{line-height:22px}}@media screen and (width<=400px){.fontsize1,.fontsize2{line-height:22px}}.work_intro{padding-bottom:25px}@media screen and (width>=2561px){.newline{padding-top:50px}.newline_small{padding-top:25px}}@media screen and (width<=2560px){.newline{padding-top:35px}.newline_small{padding-top:17.5px}}@media screen and (width<=1920px){.newline{padding-top:25px}.newline_small{padding-top:12.5px}}@media screen and (width<=1680px){.newline{padding-top:25px}.newline_small{padding-top:12.5px}}@media screen and (width<=1366px){.newline{padding-top:20px}.newline_small{padding-top:10px}}@media screen and (width<=1068px){.newline{padding-top:18px}.newline_small{padding-top:9px}}@media screen and (width<=768px){.newline{padding-top:15px}.newline_small{padding-top:7.5px}}@media screen and (width<=400px){.newline{padding-top:10px}.newline_small{padding-top:5px}}.horizontal_line{background:#f1efe8;width:100%;height:1px;transition:all .5s}@media screen and (width>=2561px){.horizontal_line{height:2px}}.informationpage{display:grid}@media screen and (width>=1069px){.informationpage{grid-template-columns:repeat(1,1fr)}}@media screen and (width>=2561px){.informationpage_toplevel{padding:100px 0 0}.informationpage{padding:100px 400px}.informationpage_title{padding-bottom:50px}}@media screen and (width<=2560px){.informationpage_toplevel{padding:70px 0 0}.informationpage{padding:70px 280px}.informationpage_title{padding-bottom:35px}}@media screen and (width<=1920px){.informationpage_toplevel{padding:50px 0 0}.informationpage{padding:50px 200px}.informationpage_title{padding-bottom:25px}}@media screen and (width<=1680px){.informationpage_toplevel{padding:50px 0 0}.informationpage{padding:50px 200px}.informationpage_title{padding-bottom:25px}}@media screen and (width<=1366px){.informationpage{padding:20px}.informationpage_title{padding-bottom:20px}}@media screen and (width<=1068px){.informationpage{padding:54px}.informationpage_title{padding-bottom:18px}}@media screen and (width<=768px){.informationpage{padding:45px}.informationpage_title{padding-bottom:15px}}@media screen and (width<=400px){.informationpage{padding:30px}.informationpage_title{padding-bottom:10px}}.app_mainpage_nofooter_upper{box-sizing:border-box;background:#f1efe8;width:100vw}@media screen and (width>=2561px){.app_mainpage_nofooter_upper{padding:150px 300px}}@media screen and (width<=2560px){.app_mainpage_nofooter_upper{padding:105px 210px}}@media screen and (width<=1920px){.app_mainpage_nofooter_upper{padding:75px 150px}}@media screen and (width<=1680px){.app_mainpage_nofooter_upper{padding:75px 150px}}@media screen and (width<=1366px){.app_mainpage_nofooter_upper{padding:60px 120px}}@media screen and (width<=1068px){.app_mainpage_nofooter_upper{padding:36px 72px}}@media screen and (width<=768px){.app_mainpage_nofooter_upper{padding:0}}@media screen and (width<=400px){.app_mainpage_nofooter_upper{padding:0}}.app_mainpage_nofooter{background:#faf9f6}@media screen and (width>=2561px){.introduction{padding:200px 0 0}}@media screen and (width<=2560px){.introduction{padding:140px 0 0}}@media screen and (width<=1920px){.introduction{padding:100px 0 0}}@media screen and (width<=1680px){.introduction{padding:100px 0 0}}@media screen and (width<=1366px){.introduction{padding:80px 0 40px}}@media screen and (width<=1068px){.introduction{padding:72px 0 36px}}@media screen and (width<=768px){.introduction{padding:60px 0 30px}}@media screen and (width<=400px){.introduction{padding:40px 0 20px}}.introduction{display:grid}@media screen and (width>=1069px){.introduction{grid-template-columns:repeat(1,1fr)}}.introduction{text-align:center}@media screen and (width>=2561px){.introduction_name_svg{height:300px}}@media screen and (width<=2560px){.introduction_name_svg{height:220px}}@media screen and (width<=1920px){.introduction_name_svg{height:200px}}@media screen and (width<=1680px){.introduction_name_svg{height:150px}}@media screen and (width<=1366px){.introduction_name_svg{height:120px}}@media screen and (width<=1068px){.introduction_name_svg{height:80px}}@media screen and (width<=768px){.introduction_name_svg{height:65px}}@media screen and (width<=400px){.introduction_name_svg{height:50px}}@media screen and (width>=2561px){.interests{padding:200px 400px}}@media screen and (width<=2560px){.interests{padding:140px 280px}}@media screen and (width<=1920px){.interests{padding:100px 200px}}@media screen and (width<=1680px){.interests{padding:100px 200px}}@media screen and (width<=1366px){.interests{padding:80px 80px 160px}}@media screen and (width<=1068px){.interests{padding:72px}}@media screen and (width<=768px){.interests{padding:60px}}@media screen and (width<=400px){.interests{padding:40px}}.interests{display:grid}@media screen and (width>=1069px){.interests{grid-template-columns:repeat(1,1fr)}}.skills:hover{cursor:pointer}.skills{color:#fff;background:#400000;border-radius:5px;transition:all .5s}@media screen and (width>=2561px){.skills{border-radius:10px}}.skills:hover{color:#a00000;background:#f1efe8}@media screen and (width>=1921px){.skills{margin-top:10px;margin-right:5px;padding:0 20px}}@media screen and (width<=1920px){.skills{margin-top:5px;margin-right:3px;padding:0 10px}}@media screen and (width<=1068px){.skills{margin-top:4px;margin-right:2px}}.cardslist{border-radius:5px}.cardslist:hover{background:#faf9f6;transition:all .5s;box-shadow:inset 0 0 0 5px #f1efe8}.cardslist:hover .cardslist_text{color:#a00000;transition:all .5s}.cardslist:hover .cardslist_bp{color:#202020}.cardslist:hover .horizontal_line{background:#f1efe8}@media screen and (width>=1921px){.cardslist_image{height:60px}}@media screen and (width<=1920px){.cardslist_image{height:30px}}@media screen and (width<=768px){.cardslist_image{height:20px}}@media screen and (width>=2561px){.cardslist{border-radius:10px;padding:50px}.cardslist_bp,.skills_toplevel{margin-top:12.5px}}@media screen and (width<=2560px){.cardslist{padding:35px}.cardslist_bp,.skills_toplevel{margin-top:8.75px}}@media screen and (width<=1920px){.cardslist{padding:25px}.cardslist_bp,.skills_toplevel{margin-top:6.25px}}@media screen and (width<=1680px){.cardslist{padding:25px}.cardslist_bp,.skills_toplevel{margin-top:6.25px}}@media screen and (width<=1366px){.cardslist{padding:20px}.cardslist_bp,.skills_toplevel{margin-top:5px}}@media screen and (width<=1068px){.cardslist{padding:18px}.cardslist_bp,.skills_toplevel{margin-top:4.5px}}@media screen and (width<=768px){.cardslist{padding:15px}.cardslist_bp,.skills_toplevel{margin-top:3.75px}}@media screen and (width<=400px){.cardslist{padding:10px}.cardslist_bp,.skills_toplevel{margin-top:2.5px}}.footer{text-align:center;background:maroon}@media screen and (width>=2561px){.footer{padding:200px 0}}@media screen and (width<=2560px){.footer{padding:140px 0}}@media screen and (width<=1920px){.footer{padding:100px 0}}@media screen and (width<=1680px){.footer{padding:100px 0}}@media screen and (width<=1366px){.footer{padding:80px 0}}@media screen and (width<=1068px){.footer{padding:72px 0}}@media screen and (width<=768px){.footer{padding:60px 0}}@media screen and (width<=400px){.footer{padding:40px 0}}