@import url(https://fonts.googleapis.com/css?family=Merriweather);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.a{height:100vh}.a,.a-left{display:flex;align-items:center}.a-left{justify-content:center;position:relative;height:100%}.a-left,.a-right{flex:1 1}.a-card.bg{position:absolute;top:50px;left:50px;background-color:#333}.a-card{width:60%;height:70vh;border-radius:30px;position:relative;overflow:hidden}.a-img{width:100%;height:100%;object-fit:cover}.a-award-img{width:120px;height:120px;border-radius:20px}.a-title{font-weight:400}.a-sub{margin:20px 0}.a-desc{font-weight:300}.a-award{margin-top:50px;display:flex;align-items:center;justify-content:space-between}.a-award-texts{width:70%}.a-award-title{font-weight:700;color:#555;margin-bottom:10px}@media screen and (max-width:480px){.a{flex-direction:column;text-align:center;margin-top:50px}.a-left{width:100%}.a-card{height:30vh}.a-award,.a-card.bg{display:none}.a-right{padding:20px}}.c{height:100vh;position:relative}.c-bg{width:20px;height:100%;background-color:#59b256;position:absolute}.c-wrapper{padding:50px;display:flex}.c-left{flex:1 1}.c-right{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center}.c-title{font-size:60px;width:80%}.c-info-item{display:flex;align-items:center;margin:50px 0;font-weight:300;width:70%}.c-icon{width:30px;height:30px;margin-right:20px}.c-desc{font-weight:200}form{margin-top:20px}input{width:50%;height:50px;border:none;border-bottom:1px solid #000}input,textarea{margin:10px 0;font-size:14px;padding-left:10px}textarea{width:100%}button{border:none;padding:15px;background-color:#59b256;color:#fff;font-weight:500;cursor:pointer}@media screen and (max-width:480px){.c-wrapper{flex-direction:column;padding:0 50px}.c-title{font-size:30px}.c-info-item{margin:20px 0;width:100%}.c-desc{display:none}form{margin-top:0;display:flex;flex-wrap:wrap}input{width:35%;height:40px;margin:10px 10px 10px 0}button{margin-top:10px}}*,:after,:before{box-sizing:border-box}body,html{background:#fff;font-family:"Merriweather",sans-serif}h1{color:#a8a8a8;text-shadow:1px 1px 0 #fff}form,h1{text-align:center}form{max-width:600px;margin:20px auto}form input,form textarea{border:0;outline:0;padding:1em;border-radius:8px;display:block;width:100%;margin-top:1em;font-family:"Merriweather",sans-serif;box-shadow:0 1px 1px rgba(0,0,0,.1);resize:none}form input:focus,form textarea:focus{box-shadow:0 0 2px #e74c3c!important}form #input-submit{color:#fff;background:#59b256;cursor:pointer}form #input-submit:hover{box-shadow:0 1px 1px 1px hsla(0,0%,66.7%,.6)}form textarea{height:126px}.half{float:left;width:48%;margin-bottom:1em}.right{width:50%}.left{margin-right:2%}@media (max-width:480px){.half{width:100%;float:none;margin-bottom:0}}.cf:after,.cf:before{content:" ";display:table}.cf:after{clear:both}.alert{color:#e74c3c}.i{display:flex;height:100vh}.i-left,.i-right{flex:1 1;display:flex;align-items:center;justify-content:center}.i-right{position:relative}.i-left-wrapper{padding:50px;height:50%;display:flex;flex-direction:column;justify-content:space-between}.i-intro{font-size:30px;font-weight:300}.i-name{font-size:60px}.i-title{height:50px;overflow:hidden}.i-title-wrapper{height:100%;animation:move 10s ease-in-out infinite alternate}@keyframes move{25%{transform:translateY(-50px)}50%{transform:translateY(-100px)}75%{transform:translateY(-150px)}to{transform:translateY(-200px)}}.i-title-item{height:50px;font-size:30px;font-weight:700;color:#59b256;display:flex;align-items:center}.i-scroll{width:30px;height:30px;position:absolute;bottom:20px}.i-img{width:auto;object-fit:cover}.i-bg,.i-img{height:100%;position:absolute}.i-bg{-webkit-clip-path:polygon(100% 0,100% 51%,100% 100%,25% 100%,0 50%,25% 0);clip-path:polygon(100% 0,100% 51%,100% 100%,25% 100%,0 50%,25% 0);background-color:#59b256;width:100%;top:0;right:0}@media screen and (max-width:480px){.i{flex-direction:column}.i-left-wrapper{padding:10px;align-items:center;justify-content:center;text-align:center;height:100%}.i-desc{display:none}}.pl{padding:50px 100px;display:flex;flex-direction:column;align-items:center;text-align:center}.pl-texts{width:65%}.pl-title{font-size:50px;font-weight:600}.pl-project{font-size:30px;font-weight:400;color:grey}.pl-desc{margin:20px 0}.pl-list{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}@media screen and (max-width:480px){.pl{padding:10px}.pl-texts{width:100%}.pl-desc{display:none}}.p{width:30%;height:40vh;margin:20px 10px;border:2px solid #f3f2f2;border-radius:10px 10px 0 0;overflow:hidden}.p-browser{height:20px;background-color:#f3f2f2;display:flex;align-items:center;position:-webkit-sticky;position:sticky;z-index:2}.p-circle{width:6px;height:6px;border-radius:50%;margin:3px;background-color:#fff}.project_detail{position:relative;height:auto}.pText{padding-top:40px;color:#dc143c}.p-imgDiv{object-fit:cover;overflow:hidden}.p-img{width:100%;height:98%;position:absolute;top:0;left:0;transition:all 3s ease}.p:hover .p-img{transform:translateY(-100%)}a .siteLink{margin-top:5px;text-decoration:none}.pl-desc,a .siteLink{color:#59b256}.techSpan{color:#000}@media screen and (max-width:480px){.p{width:40%;height:20vh}}.t{width:50px;height:25px;border-radius:20px;border:1pz solid #999;background-color:#fff;position:fixed;top:10px;right:10px;z-index:999;display:flex;align-items:center;justify-content:space-around}.t-icon{width:15px;height:15px}.t-button{width:25px;height:25px;border-radius:50%;background-color:#999;position:absolute;cursor:pointer}
/*# sourceMappingURL=main.ca2ecab1.chunk.css.map */