#first-section{background-color:rgba(255,255,255,0.5);}#first-section #blue-text{color:rgba(101,107,199,1);font-size:18px;font-weight:700;}#generate-video-btn{border:2px solid rgba(239,100,151,1);border-radius:8px;background-color:rgba(239,100,151,1);color:white;}#generate-video-btn:hover{border-color:rgba(239,100,151,1);color:rgba(239,100,151,1);background-color:white;}#first-section h1{color:rgba(51,51,51,1);}@media only screen and (min-width:1024px){#first-section{margin-left:72px;margin-right:72px;}#last-section{margin-left:72px;margin-right:72px;}}@media screen and (min-width:768px){.image-group{position:relative;}#background{position:absolute;z-index:0;}#first{position:absolute;z-index:1;}#second{position:absolute;z-index:2;}#third{position:absolute;z-index:3;}}@media screen and (min-width:320px) and (max-width:374px){#first-section{padding-top:30px;padding-bottom:30px;}#generate-video-btn{width:150px;height:40px;font-size:12px;}#first-section h1{font-size:30px;font-weight:780;line-height:40px;}#first-section p{font-size:12px;line-height:25px;}.image-group{position:relative;}#background{position:relative;height:236px;width:285px;z-index:0;}#first{position:absolute;height:160px;width:250px;margin-left:30px;margin-top:-209px;z-index:1;}#second{position:absolute;height:116px;width:281px;margin-left:31px;margin-top:-143px;z-index:2;}#third{position:absolute;height:88px;width:162px;margin-left:27px;margin-top:-205px;z-index:3;}}@media screen and (min-width:375px) and (max-width:424px){#first-section{padding-top:50px;padding-bottom:30px;}#generate-video-btn{width:150px;height:40px;font-size:12px;}#first-section h1{font-size:30px;font-weight:780;line-height:40px;}#first-section p{font-size:14px;line-height:25px;}.image-group{position:relative;}#background{position:relative;height:265px;width:325px;z-index:0;}#first{position:absolute;height:179px;width:290px;margin-left:-292px;margin-top:27px;z-index:1;}#second{position:absolute;height:135px;width:243px;margin-left:-250px;margin-top:105px;z-index:2;}#third{position:absolute;height:100px;width:184px;margin-left:-293px;margin-top:32px;z-index:3;}}@media screen and (min-width:425px) and (max-width:767px){#first-section{padding-top:0px;padding-bottom:1rem;padding-right:10px;}#generate-video-btn{width:150px;height:40px;font-size:12px;}#first-section h1{font-size:30px;font-weight:780;line-height:40px;}#first-section p{font-size:16px;line-height:25px;}.image-group{position:relative;}#background{position:relative;height:300px;width:365px;z-index:0;}#first{position:absolute;height:203px;width:343px;margin-left:-337px;margin-top:33px;z-index:1;}#second{position:absolute;height:143px;width:362px;margin-left:-322px;margin-top:126px;z-index:2;}#third{position:absolute;height:111px;width:206px;margin-left:-332px;margin-top:39px;z-index:3;}}@media screen and (min-width:768px) and (max-width:1023px){#first-section{padding-top:30px;padding-bottom:1rem;padding-right:5px;}#generate-video-btn{width:175px;height:40px;font-size:12px;}#first-section h1{font-size:30px;font-weight:780;line-height:40px;}#first-section p{font-size:12px;line-height:22px;}#background{height:280px;width:350px;}#first{height:200px;width:296px;margin-left:42px;margin-top:26px;}#second{height:130px;width:264px;margin-left:89px;margin-top:123px;}#third{height:110px;width:180px;margin-left:33px;margin-top:35px;}}@media screen and (min-width:1024px) and (max-width:1439px){#first-section{padding-top:100px;padding-bottom:1in;padding-right:5px;}#generate-video-btn{width:200px;height:50px;font-size:15px;}#first-section h1{font-size:35px;font-weight:780;line-height:50px;}#first-section p{font-size:15px;line-height:25px;}#background{height:400px;width:653px;}#first{height:245px;width:380px;margin-left:51px;margin-top:17px;}#second{height:184px;width:340px;margin-left:100px;margin-top:124px;}#third{height:140px;width:246px;margin-left:43px;margin-top:18px;}}@media screen and (min-width:1440px){#first-section{padding-top:100px;}#generate-video-btn{width:268px;height:56px;font-size:20px;}#first-section h1{font-size:48px;font-weight:780;line-height:63px;}#first-section p{font-size:18px;line-height:36px;}#background{height:auto;width:auto;z-index:0;}#first{padding-left:91px;padding-top:24px;}#second{padding-left:160px;padding-top:192px;}#third{padding-left:75px;padding-top:36px;}}@media screen and (min-width:1440px) and (max-width:1550px){.image-group{padding-left:0.5rem;}}@media screen and (min-width:1551px) and (max-width:1600px){.image-group{padding-left:1.5rem;}}@media screen and (min-width:1601px) and (max-width:1750px){.image-group{padding-left:2rem;}}#vid,#img,#music{display:flex;overflow-x:hidden;overflow-y:hidden;}.wrapper,.thumbnail,.music-cover{position:relative;white-space:nowrap;display:flex;height:auto;background-image:linear-gradient(white,white),linear-gradient(to right,#C6EBF1,#F2C6DE);background-origin:border-box;background-clip:content-box,border-box;}.wrapper>.video-cover,.thumbnail>.image-thumbnail,.music-cover>.cover-image{height:auto;}.shorts{height:auto;}.play-btn{position:absolute;z-index:666;top:50%;left:50%;transform:translate(-50%,-50%);background-color:transparent;border:0;}.play-btn:hover{cursor:pointer;}.play-btn:focus{outline:0;}@media screen and (min-width:320px) and (max-width:374px){.wrapper,.thumbnail,.music-cover{margin-top:10px;margin-left:10px;margin-right:10px;border:double 5px transparent;border-radius:30px;}.wrapper>.video-cover,.thumbnail>.image-thumbnail,.music-cover>.cover-image{height:275px;width:275px;border-radius:25px;}.shorts{width:275px;}.vid-title{font-size:15px;}}@media screen and (min-width:375px) and (max-width:424px){.wrapper,.thumbnail,.music-cover{margin-top:10px;margin-left:10px;margin-right:10px;border:double 5px transparent;border-radius:30px;}.wrapper>.video-cover,.thumbnail>.image-thumbnail,.music-cover>.cover-image{height:280px;width:280px;border-radius:25px;}.shorts{width:280px;}.vid-title{font-size:15px;}}@media screen and (min-width:425px) and (max-width:767px){.wrapper,.thumbnail,.music-cover{margin-top:10px;margin-left:10px;margin-right:10px;border:double 15px transparent;border-radius:30px;}.wrapper>.video-cover,.thumbnail>.image-thumbnail,.music-cover>.cover-image{height:360px;width:360px;border-radius:15px;}.shorts{width:360px;}.vid-title{font-size:17px;}}@media screen and (min-width:768px) and (max-width:1023px){.wrapper,.thumbnail,.music-cover{margin-top:10px;margin-left:10px;margin-right:10px;border:double 15px transparent;border-radius:30px;}.wrapper>.video-cover,.thumbnail>.image-thumbnail,.music-cover>.cover-image{height:300px;width:300px;border-radius:15px;}.shorts{width:298px;}.vid-title{font-size:15px;}.vid-title{font-size:30px;}}@media screen and (min-width:1024px) and (max-width:1439px){.wrapper,.thumbnail,.music-cover{margin-top:10px;margin-left:10px;margin-right:10px;border:double 15px transparent;border-radius:30px;}.wrapper>.video-cover,.thumbnail>.image-thumbnail,.music-cover>.cover-image{width:250px;height:250px;border-radius:15px;}.shorts{width:430px;}.vid-title{font-size:30px;}}@media screen and (min-width:1440px){.wrapper,.thumbnail,.music-cover{margin-top:10px;margin-left:10px;margin-right:10px;border:double 15px transparent;border-radius:30px;}.wrapper>.video-cover,.thumbnail>.image-thumbnail,.music-cover>.cover-image{width:250px;height:250px;border-radius:15px;}.shorts{width:480px;}}[id^="myImageModal_"]{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;background-color:rgb(0,0,0);background-color:reba(0,0,0,0.9);}[id^="image_"]{margin:auto;display:block;width:80%;max-width:700px;}[id^="caption_"]{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px;}[id^="image_"],[id^="caption_"]{-webkit-animation-name:zoom;-webkit-animation-duration:0.6s;animation-name:zoom;animation-duration:0.6s;}@-webkit-keyframes zoom{from{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}@keyframes zoom{from{transform:scale(0)}to{transform:scale(1)}}.close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:bold;transition:0.3s;}.close:hover,.close:focus{color:#bbb;text-decoration:none;cursor:pointer;}@media only screen and (max-width:700px){[id^="image_"]{width:100%;}}