body{color:#222;font-family:"Sarabun", sans-serif;-webkit-font-smoothing:antialiased;letter-spacing:.1px;text-rendering:optimizeLegibility;}p{margin:0;}.sep{margin-left:10px;margin-right:10px;color:#aaa;}@keyframes move-chevron{25%{opacity:1;}33.3%{opacity:1;transform:translateY(1.52rem);}66.6%{opacity:1;transform:translateY(2.08rem);}100%{opacity:0;transform:translateY(3.2rem) scale(0.5);}}.seenext{display:flex;justify-content:center;align-items:center;margin-top:150px;}.seenext .chevron{position:absolute;width:1.4rem;height:0.32rem;opacity:0;transform:scale(0.3);animation:move-chevron 3s ease-out infinite;}.seenext .chevron:first-child{animation:move-chevron 3s ease-out 1s infinite;}.seenext .chevron:nth-child(2){animation:move-chevron 3s ease-out 2s infinite;}.seenext .chevron:before,.seenext .chevron:after{content:'';position:absolute;top:0;height:100%;width:50%;background:#2c3e50;}.seenext .chevron:before{left:0;transform:skewY(30deg);}.seenext .chevron:after{right:0;width:50%;transform:skewY(-30deg);}header{margin-top:20px;margin-bottom:35px;}header h1{font-size:26px;letter-spacing:0.05em;font-weight:bold;}header h2{font-size:22px;text-align:right;}h2{text-align:center;margin-bottom:100px;margin-top:20px;font-weight:600;font-size:35px;letter-spacing:1px;line-height:62px;}#intro{line-height:1.2em;font-size:20px;text-align:center;background-color:#e3f2fd;padding-top:50px;padding-bottom:100px;}#intro h2{margin-top:50px;margin-bottom:20px;}#intro #akah2{margin-top:-20px;margin-bottom:50px;font-size:1.5em;}#intro #whatido{line-height:2;padding-top:20px;font-weight:300;letter-spacing:1px;vertical-align:top;text-align:justify;}#intro .contact{padding-bottom:100px;letter-spacing:0.05em;}#intro .contact a{color:#222;text-decoration:none;}#about{background-color:#fff028;font-weight:600;font-size:25px;letter-spacing:1px;line-height:62px;padding-top:60px;padding-bottom:100px;}#about h2{text-align:left;margin-bottom:30px;font-size:30px;border-bottom:1px solid;margin-right:100px;}#about #aboutme{text-align:justify;}#skills{background-color:#395c6b;color:#fff;font-size:20px;padding-top:60px;padding-bottom:150px;}#skills ul{list-style:none;}#skills .topic h3{text-transform:uppercase;font-size:25px;font-weight:bold;text-align:left;}#skills .topic .matter{padding:15px;}#projects{background-color:#fafafa;padding-top:50px;padding-bottom:100px;}#projects .olh2{text-align:left;margin-bottom:30px;font-size:30px;}#projects .project{position:relative;padding-bottom:20px;}#projects .project .cover img{width:100%;height:auto;}#projects .project .expl .p_c{color:#aaa;font-size:14px;}#projects .project .expl .p_c2{font-weight:bold;}@media (min-width: 1000px){h2{font-size:42px;}#intro{padding-bottom:160px;}#intro #whatido{margin-left:300px;margin-right:300px;}#skills{padding-top:175px;padding-bottom:280px;}#about{font-size:35px;padding-top:240px;padding-bottom:200px;}#about h2{margin-left:100px;}#about #aboutme{margin-left:100px;margin-right:100px;}#projects .project{padding:20px;}}.effect8{position:relative;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3), 0 0 40px rgba(0,0,0,0.1) inset;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3), 0 0 40px rgba(0,0,0,0.1) inset;box-shadow:0 1px 4px rgba(0,0,0,0.3), 0 0 40px rgba(0,0,0,0.1) inset;}.effect8:before,.effect8:after{content:"";position:absolute;z-index:-1;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);box-shadow:0 0 20px rgba(0,0,0,0.8);top:10px;bottom:10px;left:0;right:0;-moz-border-radius:100px/10px;border-radius:100px/10px;}.effect8:after{right:10px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);-moz-transform:skew(8deg) rotate(3deg);-ms-transform:skew(8deg) rotate(3deg);-o-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg);}footer{background-color:black;}