.a{height:100vh}.a,.a-left{display:flex;align-items:center}.a-left{flex:1 1;justify-content:center;position:relative;height:100%}.a-right{flex:1 1;padding:0 40px}.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;text-align:justify}.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%}.social-container{padding:5px 50px}a.social{margin:0 1rem;transition:transform .25s;display:inline-block}a.social:hover{transform:translateY(-2px)}a.github{color:#000}a.linkedin{color:#0e76a8}a.facebook{color:#4968ad}a.twitter{color:#49a1eb}a.instagram{color:#bc2a8d}.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}}.i{height:100vh}.i,.i-left{display:flex}.i-left{flex:1 1;align-items:center;justify-content:center}.i-right{flex:1 1;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{height:100%;bottom:0;max-width:60%;height:auto;object-fit:scale-down}.i-bg,.i-img{width:100%;right:0;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;height:100%;top: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-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}.p-img{width:100%;transition:all 5s ease;overflow:hidden}.p:hover .p-img{transform:translateY(-45%)}@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.9a318af2.chunk.css.map */