body{font-family:'Noto Sans JP', sans-serif;font-weight:300}a{color:#000;transition:all 0.2s}a:hover{color:green;text-decoration:none}.btn{color:#FFF;background:#000}.btn:hover{color:#FFF;background:green}.navbar{border-bottom:0.5px solid #ebebeb;background:#FFF;font-size:14px}@media (max-width: 767.98px){.navbar .navbar-header+#navbar{margin:0 auto}}@media (max-width: 767.98px){.navbar .navbar-header{display:block;width:100%;text-align:center;padding-bottom:10px}}.navbar .navbar-header .brand-icon span{color:#FFF}.navbar .navbar-header .navbar-brand{font-size:14px}#hi_its_me{margin-top:60px;padding-top:50px}#hi_its_me .photo-border{position:relative;border:10px solid #FFF;border-radius:1000px;overflow:hidden;box-shadow:0px 0px 25px 0px rgba(0,0,0,0.1);width:100%;padding-bottom:calc(100% - 20px)}@media (max-width: 767.98px){#hi_its_me .photo-border{width:60%;padding-bottom:calc(60% - 20px);margin:30px auto}}#hi_its_me .photo-border .photo-inner{background:url("/assets/images/headshot.jpg") no-repeat;width:auto;height:auto;background-size:cover;position:absolute;background-position:center;top:0;left:0;right:0;bottom:0}@media (max-width: 767.98px){#hi_its_me #about_me{padding-left:15px;padding-right:15px}}#hi_its_me #about_me #job_title{color:#b3b3b3;margin-bottom:10px}#hi_its_me #about_me #my_name{font-weight:bold;font-size:46px;line-height:56px;margin-top:0;margin-bottom:20px}#hi_its_me #about_me #my_story{color:#666;font-size:14px;line-height:24px}hr{margin-top:60px;margin-bottom:60px}.page-section h3{text-align:center;text-transform:uppercase;font-size:18px;margin-bottom:40px;font-weight:300}.page-section h3:after{content:" ";border:solid 2px #3d4a6e;display:block;width:30px;margin:20px auto}@media (min-width: 576px){.page-section .description-border{border-left:1px solid black}}.page-section .contact-me-btn,.page-section .download-resume-btn{margin-top:30px}.page-section .btn{border-radius:4px;font-weight:400;font-size:12px}.page-section .btn+.btn{margin-left:10px}.page-section .btn i{margin-right:5px}.page-section#work_experience .job-details{padding-bottom:20px}@media (min-width: 576px){.page-section#work_experience .job-details{text-align:right}}.page-section#work_experience .job-details strong{display:block;margin-bottom:10px}.page-section#work_experience .job-details span{display:block}.page-section#work_experience .job-details span.company{font-size:12px}.page-section#work_experience .job-details span.location{font-style:italic;font-size:10px;color:#999}.page-section#work_experience .job_title{font-weight:bold;margin-bottom:10px}.page-section#proficiencies .icons{text-align:center}.page-section#project_examples #carousel-container{width:100%}.page-section#project_examples #carousel-container .carousel-inner{min-height:300px}@media (max-width: 767.98px){.page-section#project_examples #carousel-container .carousel-inner{min-height:60vh}}.page-section#project_examples #carousel-container .carousel-inner .carousel-item .carousel-caption{bottom:auto;top:20px;color:#000;text-align:left}.page-section#project_examples #carousel-container .carousel-inner .carousel-item .carousel-caption h5.project-title{text-transform:uppercase;font-size:16px}.page-section#project_examples #carousel-container .carousel-inner .carousel-item .carousel-caption h5.project-title:after{content:" ";border:solid 2px #999;display:block;width:30px;margin-top:10px;margin-bottom:20px;margin-left:0}.page-section#project_examples #carousel-container .carousel-inner .carousel-item .carousel-caption p span.credited-to{text-transform:uppercase;font-size:10px;padding:5px 10px;background-color:#f2f2f2;border-radius:3px;margin-top:10px;display:inline-block}.page-section#project_examples #carousel-container .carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.page-section#project_examples #carousel-container .carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")}footer{font-size:11px;margin-top:40px;padding:20px;text-align:center}footer span.spacer{padding:0 10px}