@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;600;700&display=swap";:root{color:#333;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:Open Sans,sans-serif;font-size:14px;line-height:1.42857}body{min-height:100vh;margin:0}*,:before,:after{box-sizing:border-box}html,body{color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;height:100%;margin:0;padding:0;font-family:Open Sans,sans-serif;font-size:14px;line-height:1.5}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}ul{margin-top:0;margin-bottom:10px;padding-left:0;list-style:none}.container{width:100%;margin-left:auto;margin-right:auto;padding-bottom:2em;padding-left:15px;padding-right:15px}@media (width>=768px){.container{width:750px}}@media (width>=992px){.container{width:970px}}@media (width>=1200px){.container{width:1170px}}.container-fluid{width:100%;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}.row{flex-wrap:wrap;margin-left:-15px;margin-right:-15px;display:flex}[class*=col-]{padding-left:15px;padding-right:15px}.col-sm-4,.col-sm-5,.col-sm-7,.col-sm-12{flex:0 0 100%;max-width:100%}@media (width>=744px){.col-sm-4{flex:0 0 33.3333%;max-width:33.3333%}.col-sm-5{flex:0 0 41.6667%;max-width:41.6667%}.col-sm-7{flex:0 0 58.3333%;max-width:58.3333%}.col-sm-12{flex:0 0 100%;max-width:100%}}.navbar{border:1px solid #0000;min-height:50px;margin-top:10px;margin-bottom:10px;position:relative}.navbar .container-fluid{flex-wrap:wrap;align-items:center;display:flex}.navbar-header{flex:1;align-items:center;display:flex}.navbar-brand{color:#333;white-space:nowrap;text-overflow:ellipsis;padding:8px 15px;font-family:Comfortaa,sans-serif;font-size:15px;font-weight:600;line-height:20px;display:inline-block;overflow:hidden}.navbar-brand:hover,.navbar-brand:focus{color:#333;text-decoration:none}.navbar-collapse{flex-basis:100%;display:none}.navbar-collapse.in{display:block}.navbar-nav{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.navbar-nav li{font-family:Comfortaa,sans-serif}.navbar-nav li a{color:#333;padding:10px 15px;font-size:15px;display:block}.navbar-nav li a:hover,.navbar-nav li a:focus{color:maroon;text-decoration:none}@media (width>=900px){.navbar .container-fluid{flex-wrap:nowrap;justify-content:space-between}.navbar-collapse{flex-basis:auto;display:block!important}.navbar-nav{table-layout:auto;flex-direction:row;margin:0 auto;display:table}.navbar-nav li{text-align:center;display:table-cell}.navbar-toggle{display:none!important}}.nav-github-label{display:none}@media (width<=899px){.navbar{border:none;min-height:0;margin:0}.navbar .container-fluid{align-items:stretch;padding-left:0;padding-right:0}.navbar-header{flex-direction:row-reverse;flex:100%;justify-content:space-between;align-items:center}.navbar-brand{padding:16px 20px;font-size:16px}.navbar-toggle{margin:0;padding:18px 20px}.navbar-collapse.in{border-top:1px solid #ececec;animation:.2s ease-out navDrop;display:block}.navbar-nav{flex-direction:column;padding:8px 0 16px}.navbar-nav li a{color:#1a1a1a;align-items:center;gap:10px;padding:14px 20px;font-size:16px;font-weight:500;transition:background-color .15s,color .15s;display:flex}.navbar-nav li a:hover,.navbar-nav li a:focus,.navbar-nav li a:active{color:maroon;background-color:#f5f5f5}.nav-github-label{display:inline}}@keyframes navDrop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.navbar-toggle{cursor:pointer;border:none;margin:8px 15px;padding:9px 10px;display:block;position:relative;background:0 0!important}.navbar-toggle:hover{background:0 0!important}.navbar-toggle .icon-bar{background-color:#333;border-radius:1px;width:22px;height:2px;transition:all .5s;display:block}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}.navbar-toggle.x .icon-bar:first-of-type{transform-origin:10% 10%;transform:rotate(45deg)}.navbar-toggle.x .icon-bar:nth-of-type(2){opacity:0}.navbar-toggle.x .icon-bar:nth-of-type(3){transform-origin:10% 90%;transform:rotate(-45deg)}.navbar-toggle.x.collapsed .icon-bar:first-of-type{transform:rotate(0)}.navbar-toggle.x.collapsed .icon-bar:nth-of-type(2){opacity:1}.navbar-toggle.x.collapsed .icon-bar:nth-of-type(3){transform:rotate(0)}.img-responsive{max-width:100%;height:auto;display:block}.block-mt-sm{margin-top:15px}.block-mt-md{margin-top:30px}.block-mt-lg{margin-top:60px}.block-mb-sm{margin-bottom:15px}.block-mb-md{margin-bottom:30px}.block-mb-lg{margin-bottom:60px}a.mylink:visited{text-decoration:none}a.mylink{color:#696969;text-decoration:underline}a.mylink:hover{color:maroon;text-decoration:underline}a.sayhi-class:link,a.sayhi-class:visited{text-decoration:none}a.sayhi-class{color:#000}a.sayhi-class:hover{color:#000;text-decoration:none}.github{height:20px}.hero-titleWrapper{padding:40px 0}.hero-title{letter-spacing:.05em;color:#111;margin:0;padding:0;font-family:Comfortaa,sans-serif;font-size:36px;font-weight:900;line-height:125%;display:inline-block}.hero-line{display:inline}.hero-char{min-width:.55ch;display:inline-block}.hero-title.is-slot-animating .hero-char{text-shadow:0 0 .15em #00000040}@media (width>=500px){.hero-title{font-size:48px}}@media (width>=900px){.hero-title{font-size:72px}}.scale_up{border:1px solid #fff;overflow:hidden}.scale_up img{cursor:pointer;width:100%;height:auto;transition:transform .2s linear;display:block}.scale_up img:hover{opacity:.8;transform:scale(1.1)}@media (width<=743px){.scale_up img{object-fit:cover;height:120px}}@media (width>=200px) and (width<=500px){.fullname{font-size:32px}}.profile-intro{font-size:15px}.profile-subtitle{margin-top:40px;font-size:16px;font-weight:700}.profile-date{color:#666;margin-top:4px;font-size:14px;font-weight:300}.profpic{max-width:100%;height:auto;margin-top:30px;margin-bottom:10px}.image{width:80%;margin:20px auto;display:block}.image-wrapper-center{text-align:center}.image-wrapper-left{text-align:left}.image-wrapper-right{text-align:right}.video-wrapper{width:80%;margin:10px auto;padding-bottom:56.25%;position:relative}.video-wrapper iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}@media (width<=768px){.project-title{font-size:28px}}html,body{height:100%;font-family:Open Sans,sans-serif}#wrap{width:100%;height:100%;min-height:90%;position:relative;height:auto!important}.container{padding-bottom:2em}.navbar{margin-top:10px;margin-bottom:10px}.mylink{color:#696969;margin:0 4px;text-decoration:underline}.mylink:hover{color:maroon;text-decoration:underline}.profile-subtitle{margin-top:40px;font-weight:700}.contact{margin-top:60px;margin-bottom:60px}.fullname{margin:60px 0 40px;font-family:Comfortaa,sans-serif;font-size:48px;font-weight:600}.profile-date{font-size:14px;font-weight:300}.profpic{margin-top:30px;margin-bottom:10px}@media screen and (width<=768px){.fullname{font-size:32px}.profile-subtitle{margin-top:30px}}.project-title{margin:40px 0 30px;font-family:Comfortaa,sans-serif;font-size:36px;font-weight:600;line-height:1.4}.project-date{color:#666;font-size:18px;font-weight:400}.project-divider{border:0;border-top:1px solid #ddd;margin:0 0 30px}.project-content{line-height:1.8}.project-content p{margin-bottom:1em}.project-outline-button{color:#333;border:1px solid #333;border-radius:4px;align-items:center;gap:8px;padding:8px 14px;font-weight:600;line-height:1.2;text-decoration:none;transition:color .2s,border-color .2s,background-color .2s;display:inline-flex}.project-outline-button-icon{font-size:.95em;line-height:1}.project-outline-button:hover,.project-outline-button:focus-visible{color:maroon;background-color:#fff7f7;border-color:maroon;text-decoration:none}.image-wrapper-center{text-align:center;margin:30px 0}.image-wrapper-center .image{border-radius:4px;max-width:100%;height:auto}.video-wrapper{border-radius:4px;width:80%;height:0;margin:30px auto;padding-bottom:45%;position:relative;overflow:hidden}.video-wrapper iframe{width:100%;height:100%;position:absolute;top:0;left:0}.project-back{margin-top:50px;margin-bottom:40px}.btn-back{color:#333;background:#f5f5f5;border-radius:4px;padding:10px 20px;text-decoration:none;transition:background .2s;display:inline-block}.btn-back:hover{color:#333;background:#e0e0e0}@media screen and (width<=768px){.project-title{font-size:28px}}
