@import"https://fonts.googleapis.com/css2?family=Nunito&display=swap";.a{height:100vh;display:flex;align-items:center}.a-left{flex:1;display:flex;align-items:center;justify-content:center;position:relative;height:100%}li:before{content:"📌";border-radius:1ch;padding-inline:1ch;margin-inline-end:1ch}.a-right{flex: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{text-align:left;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-card.bg,.a-award{display:none}.a-right{padding:20px}}.i{display:flex;height:100vh}.i-left{flex:1;display:flex;align-items:center;justify-content:center}.i-right{flex: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;font-weight:800}.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:#3f4c6b;display:flex;align-items:center}.i-scroll{width:30px;height:30px;position:absolute;bottom:20px}.i-img{width:100%;height:100%;object-fit:cover;position:absolute;bottom:0;clip-path:polygon(100% 0%,100% 51%,100% 100%,25% 100%,0% 50%,25% 0%)}.i-bg{clip-path:polygon(100% 0%,100% 51%,100% 100%,25% 100%,0% 50%,25% 0%);background:#606c88;background:-webkit-linear-gradient(to right,#3f4c6b,#606c88);background:linear-gradient(to right,#3f4c6b,#606c88);width:100%;height:100%;position:absolute;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-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 rgb(243,242,242);overflow:hidden;border-radius:10px}.p-browser{height:20px;background-color:#f3f2f2;display:flex;align-items:center;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 10s ease}.p:hover .p-img{transform:translateY(-100%)}@media screen and (max-width: 480px){.p{width:40%;height:20vh}}.t{border-radius:20px;position:fixed;top:10px;right:10px;z-index:999;display:flex;align-items:center;justify-content:space-around;font-size:25px;transition:all ease-in-out .5s}.t-icon{width:30px;height:30px}.t-button{width:25px;height:25px;border-radius:50%;position:absolute;cursor:pointer}*{font-family:Nunito,sans-serif}