body{font-family:Helvetica,Arial,sans-serif;overflow-x:hidden;margin:0;line-height:1.6}svg{width:40px;margin:0 20px 0 0}footer svg:hover{opacity:70%;width:45px;margin-top:-6px;margin-right:15px}abbr{text-decoration:none!important}nav{position:fixed;top:0;left:0;z-index:1;background-color:#1a1a1a;width:100%;font-weight:700;text-align:center}nav a{color:silver;font-size:18px}nav a:hover{color:#f1f5f2;text-decoration:underline}a{color:#004c54;text-decoration:none;font-weight:700}a:hover{font-weight:700;text-decoration:underline}header{background-color:#004c54;text-align:center;color:silver;margin-top:60px}h1{margin:0;color:#f1f5f2;line-height:1.2}h2{color:#004c54;margin:0;padding-bottom:30px;line-height:1.2}h3{color:#1a1a1a;line-height:1.2}img{width:100%;max-width:100%;color:#004c54}footer{background-color:silver}footer,#about,#projects,#knowledge{padding:30px 20px}.btnTransparent{background-color:transparent;border:none}.hamButton{display:flex;justify-content:center;align-items:center;height:100%}.hamContainer{width:100%;height:60px}.KST{padding:20px;background-color:#f1f5f2;border-radius:3px;margin:20px 0;border:solid 1px #C0C0C0}.KST h3{color:#004c54}.KST li{color:#525252}.navHorizontal{height:60px}.project-box{padding:20px 0 0;background-color:#fcfcfc;border-radius:3px;margin:20px 0;box-shadow:3px 3px 10px #0003;border:solid 1px #C0C0C0;text-align:center}.project-box:hover{box-shadow:5px 5px 10px #0003}.project-box img{margin-bottom:-8px;border-radius:0 0 3px 3px}.project-box p{margin-top:0;font-weight:700}.verticalLink{width:100%}.horizontalLinks{display:flex;justify-content:space-evenly;align-items:center;height:100%}.verticalLinks{display:flex;flex-wrap:wrap;padding:10px 0}#intro{padding:10vh 3vw}#about,#projects{background-color:#fcfcfc}#about p{color:#525252}#about img{border-radius:3px;max-width:4032px}#knowledge{background-color:#004c54}#knowledge h2,#knowledge p{color:#f1f5f2}#knowledge h3{margin-top:0}#knowledge ul{margin-bottom:0}@media only screen and (min-width: 321px){.project-box{width:280px}.KST{width:240px}#knowledge,#projects{padding:30px auto}}@media only screen and (min-width: 321px) and (max-width: 645px){.KST,.project-box{position:relative;left:50%;margin-right:-50%;transform:translate(-50%)}}@media only screen and (min-width: 646px){header{height:0;width:100%;padding-top:48%;background-image:url(/assets/aliPhoto-Cmo-wes7.jpg);background-repeat:no-repeat;background-size:cover;position:relative}h1,#intro p{position:relative;top:14%}.container{display:flex;flex-flow:row wrap;justify-content:center}.KST,.project-box{position:static;margin:10px 0}#knowledge_box_1,#LP,#PC{margin-right:10px}#knowledge_box_2,#SF,#TP{margin-left:10px}footer,#about,#projects,#knowledge{padding:30px auto}.content{width:606px;position:relative;left:50%;margin-right:-50%;transform:translate(-50%)}#top-img{display:none}#intro{width:43%;padding:30px 20px;background-color:#004c54;opacity:90%;position:absolute;top:0;bottom:0;left:0}#TP p{padding:14px 0}}@media only screen and (min-width: 700px){h1{font-size:34px}h2{font-size:26px}h3{font-size:20px}p,ul{font-size:17px}nav a{font-size:19px}}@media only screen and (min-width: 749px){h1,#intro p{top:29%}}@media only screen and (min-width: 892px){h1,#intro p{top:35%}}@media only screen and (min-width: 1024px){h1{font-size:38px}h2{font-size:28px}h3{font-size:21px}p,ul{font-size:18px}h1,#intro p{top:39%}}@media only screen and (min-width: 1455px){h1,#intro p{top:44%}}