@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap");html{scroll-behavior:smooth}body{font-family:Noto Sans HK,sans-serif;background:#222;overflow:hidden;height:100vh;width:100vw}.close-button{cursor:pointer;z-index:30}@media screen and (max-width:912px){.close-button{margin-left:76%}}.app-bar{background-color:#222;justify-content:space-between;padding:8px 16px;cursor:pointer}.app-bar,.instagram-logo{display:flex;align-items:center}.instagram-logo{z-index:30}.icon{z-index:99;margin-top:-28%;margin-left:-33%;transform:scale(.6)}.arrow{justify-content:space-between}.arrow,.custom-left-arrow{display:flex;align-items:center}.custom-left-arrow{z-index:20;position:fixed;margin-left:34%;top:50%;height:25px;width:25px;cursor:pointer;justify-content:center;border-radius:50%;background-color:hsla(0,0%,100%,.508);color:#333;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:background-color .3s ease-in-out}.custom-left-arrow:hover{background-color:#fff}.custom-right-arrow{z-index:20;position:fixed;margin-left:64.4%;top:50%;height:25px;width:25px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:hsla(0,0%,100%,.508);color:#333;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:background-color .3s ease-in-out}.custom-right-arrow:hover{background-color:#fff}.voice-control{margin-top:110%;margin-left:-220%}.heart,.voice-control{z-index:99;transform:scale(.6)}.heart{margin-left:90%;border-radius:50%;cursor:pointer;margin-top:160%}@media screen and (max-width:912px){.heart{transform:scale(.8)}}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.slider{width:auto;z-index:1;background-color:#222;justify-content:center;align-items:center;margin-top:21%}.carousel,.slider{position:relative;height:100%;width:100%}.carousel{display:flex}.card{top:0;right:0;bottom:0;left:0;margin:auto;cursor:pointer;z-index:0;opacity:0;display:flex;transition:.5s;background-color:#333}.card,.card video{position:absolute;width:280px;height:482px;-o-object-fit:cover;object-fit:cover;border-radius:5px}.card video{z-index:-1;background-color:#c5bcbc}.card--active{opacity:1;transform:scale(1.55);z-index:1;background-color:#333}.card--previous{transform:translateX(-123%) scale(.6);transition:.5s;opacity:.5}.card--next{transform:translateX(124%) scale(.6);transition:.5s;opacity:.5;background-color:#d0a933}.card--previous2{transform:translateX(-200%) scale(.6);transition:.5s;opacity:.5;background-color:#486c29}.card--next2{transform:translateX(200%) scale(.6);transition:.5s;opacity:.5;background-color:#634956}.card--next .heart,.card--next .icon,.card--next .progress-bar,.card--next .voice-control,.card--next2 .heart,.card--next2 .icon,.card--next2 .progress-bar,.card--next2 .voice-control,.card--previous .heart,.card--previous .icon,.card--previous .progress-bar,.card--previous .voice-control,.card--previous2 .heart,.card--previous2 .icon,.card--previous2 .progress-bar,.card--previous2 .voice-control{display:none}.progress-bar{height:2px;background-color:#9cacb6;position:absolute;opacity:.9;z-index:40;margin-left:2px;margin-top:12px}.progress-indicator{position:absolute;height:2px;background-color:#fff;width:230px;margin-left:0}@media screen and (max-width:820px){.card--active{margin-top:15%;margin-left:34%;transform:scale(2.1)}.card--next,.card--next2,.card--previous,.card--previous2{display:none}}@media screen and (max-width:768px){.card--active{margin-top:10%;margin-left:34%;transform:scale(1.9)}}@media screen and (max-width:414px){.card--active{margin-top:20%;margin-left:21%;transform:scale(1.37)}}@media screen and (max-width:400px){.card--active{margin-top:5%;margin-left:21%;transform:scale(1.37)}}@media screen and (max-width:390px){.card--active{margin-top:20%;margin-left:21%;transform:scale(1.37)}}@media screen and (max-width:393px){.card--active{margin-top:20%;margin-left:21%;transform:scale(1.37)}}@media screen and (max-width:375px){.card--active{margin-top:5%;margin-left:21%;transform:scale(1.37)}}@media screen and (max-width:360px){.card--active{margin-top:10%;margin-left:21%;transform:scale(1.3)}}