.m-text-center{text-align:center}@media (min-width: 1199px){.m-text-center{text-align:left}}@media (min-width: 991px){.d-pady-36{padding:36px 0}}.pady-60{padding:60px 0}@media (max-width: 480px){.m-padx-36{padding-left:36px;padding-right:36px}}.pad-6{padding:6px}.mr-8{margin-right:8px}.pady-60{padding-top:60px;padding-bottom:60px}.padt-60{padding-top:60px}.mt-32{margin-top:32px}.mr-32{margin-right:32px}.light-blue-color{color:#4e6cb8}@media (min-width: 991px){.bg-sec{background:#090724}}.fill-primary{fill:#f4a41d}.flex-col-justify-center{display:flex;flex-direction:column;justify-content:center}.flex-justify-center{display:flex;justify-content:center}.overflow-hidden{overflow:hidden}.text-white{color:#fff}@media (min-width: 991px){.hidden-on-desktop{display:none!important}}.show-only-on-phone{display:block}@media (min-width: 767px){.show-only-on-phone{display:none}}.do-not-show-on-phone{display:none}@media (min-width: 767px){.do-not-show-on-phone{display:block}}@media (min-width: 991px){.hidden-on-tablet{display:none!important}}.flag-32{margin:3px;height:32px;width:32px}.primary-text{color:#f4a41d}.background-tertiary{background-color:#cce5b1}.flag-20{margin:3px;height:20px;width:20px}.bold{font-weight:700}.background-white{background-color:#fff}.alignText{justify-content:center}@media (min-width: 991px){.alignText{justify-content:flex-end}}.primary-header{color:#bd4242}.level1{background-color:#b5e5b1!important;color:#000}.level2{background-color:#cce5b1!important;color:#000}.level3{background-color:#ffeebd!important;color:#000}.level4{background-color:#fcd9a3!important;color:#000}.level5{background-color:#faa69c!important;color:#fff}.level6{background-color:#ff7373!important;color:#fff}#projects{font-family:Noto Sans,Noto Sans SC,Noto Sans TC,sans-serif;max-width:1200px;margin:0 auto}#projects #hero{padding-top:2em;text-align:center;display:flex;flex-direction:column}@media (min-width: 767px){#projects #hero{background-image:url(/assets/static/KTBYTE_Projects_Header.Si-vzPJw.jpg);background-size:cover;background-position:center right;min-height:560px}#projects #hero .text{width:40%;margin:auto 1em}}#projects #hero ul{text-align:center}#projects #hero li{border-radius:8px;background-color:#fc4047;display:inline-block;margin:1em;color:#fff;font-weight:700;padding:.2em;line-height:1.2em}#projects #hero a,#projects #hero a:hover,#projects #hero a:visited{text-decoration:none;color:#fff;white-space:nowrap}#projects #description{text-align:center;padding:2em}#projects .level-projects .level-description{width:85%;margin:0 auto}#projects .level-projects h4{padding-top:1em;text-align:center}#projects .level-projects .project-list{display:flex;justify-content:center;align-content:center;flex-direction:column}@media (min-width: 767px){#projects .level-projects .project-list{flex-direction:row}}#projects .level-projects .project{display:inline;margin:1em auto;width:300px}#projects .level-projects .title{font-size:1.2em;padding:.2em;border-radius:4px 4px 0 0}#projects .screenshot{width:300px;height:300px;margin-bottom:1em}#projects .screenshot video{-o-object-fit:cover;object-fit:cover;margin:0;width:inherit}