style.css

@import url(https://fonts.googleapis.com/css2?family=Fredoka+One&family=Spline+Sans+Mono:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);:root{--primary-color:hsl(359,90%,50%);--btn-color:#b3060f;--second-color:#000;--fs-primary:3.125rem;--fs-text:1.625rem;--fs-mobile-text:2.5rem;--fs-btn:1em;--fw-small:500;--fw-tiny:400;--fw-sotiny:300;--ff-primary:'Fredoka One',cursive;--ff-body:'Poppins',sans-serif;--ff-started:Arial,Helvetica,sans-serif;--ff-third:'Trebuchet MS','Lucida Sans Unicode','Lucida Grande','Lucida Sans',Arial,sans-serif}*,*::before,*::after{box-sizing:border-box}html:focus-within{scroll-behavior:smooth}img{max-width:100%}body{line-height:1.5;font-family:'Poppins',sans-serif;overflow-x:hidden;margin:0}.flex-container{display:flex;flex-grow:1;flex-shrink:1;justify-content:space-around}#preloader{background:#000 url(images/preloader/eight.gif) no-repeat center center;width:100%;position:fixed;height:100vh;z-index:999}.vanish{animation:dispear 1s forwards;-webkit-animation:dispear 1s forwards}@keyframes dispear{100%{opacity:0;visibility:hidden}}header{position:relative;height:90.59vh;border-bottom:7px rgb(49,49,49) solid;background:url(images/perspective_alpha_website_large.png);background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:-1;max-width:100%}@media screen and (min-width:60rem){.nav{display:flex;justify-items:center;justify-content:space-between}}.logo{height:100px;width:100px;margin-left:1em}.sign-button,#language{margin:30px 15px 0 15px}.sign-button{height:40px;width:100px;background-color:var(--primary-color);color:#fff;font-size:var(--fs-btn);margin-top:33px;font-family:var(--ff-started);border:none;border-radius:.5rem;cursor:pointer;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;-ms-border-radius:.5rem;-o-border-radius:.5rem}#language{height:40px;width:100px;font-size:var();font-family:var(--ff-started);background-color:transparent;text-align:center;color:#fff;cursor:pointer}.header-content{display:flex;justify-content:space-around;flex-direction:row;height:70vh;flex:1 1;align-items:center;margin:0 auto;padding:1em}h1,span{color:#fff;font-family:var(--ff-primary);font-weight:var(--fw-small)}h1{font-size:var(--fs-primary);word-spacing:normal;line-height:70px;color:var(--primary-color)}span{font-size:var(--fs-text);text-align:center}.get-started{text-transform:uppercase;letter-spacing:.10rem;height:70px;width:200px;border-radius:2rem;background-color:var(--primary-color);color:#fff;border:none;font-family:var(--ff-started);cursor:pointer;-webkit-border-radius:2rem;-moz-border-radius:2rem;-ms-border-radius:2rem;-o-border-radius:2rem}.get-started:hover{background-color:var(--btn-color);color:#fff}main>section{max-width:100%;border-bottom:7px rgb(49,49,49) solid;background-color:var(--second-color)}main>section:nth-child(2){background-image:url(images/perspective_alpha_website_large.png);background-size:cover;background-attachment:fixed;perspective:100px;display:flex;background-position:center;background-repeat:no-repeat;z-index:-1}main>section:nth-child(4){background-image:url(images/family.jpg);position:relative;display:flex;background-size:cover;background-attachment:fixed;perspective:100px;background-position:center;background-repeat:no-repeat;z-index:-1}main>section:last-of-type{z-index:999999}.section-zero__right-content{position:relative;width:62%}.video1{max-width:100%;max-height:25vh;position:absolute;left:0%;top:20%}.tv-content{padding-bottom:5em;margin:0 auto;z-index:2222;align-self:center}.display-content{color:#fff;align-self:center;width:32%}.display-content span{font-family:'Fredoka One',cursive;font-weight:500;text-align:left;font-size:3.125rem;color:var(--primary-color)}.display-content p{text-align:left;font-family:var(--ff-started);font-size:var(--fs-text);word-spacing:normal;line-height:25px}.watch-everywhere{text-align:center;margin:0 auto;align-self:center;padding:10em}.watch-story-card-title{color:#e50914;font-weight:700;font-size:3.125rem;font-family:var(--ff-primary)}.watch-story-card-subtitle{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:1.625rem}.section__strange--rightside{width:62%;position:relative;padding:4em}.download-content{width:32%;align-self:center;color:#fff}.our-story-card-subtitle{text-align:left;font-family:var(--ff-started);font-size:var(--fs-text);word-spacing:normal;line-height:25px}.our-story-card-title{font-family:'Fredoka One',cursive;font-weight:500;text-align:left;font-size:3.125rem;color:var(--primary-color)}.section__strange{display:flex;flex-grow:1;flex-shrink:1;justify-content:space-around}.download{position:absolute;left:45%;bottom:8%;height:5%}.download-content2__right-content{position:relative;width:42%}.download-content2{width:32%;align-self:center;color:#fff;text-align:center;margin-left:1em}.our-story-card-titles{color:#e50914;font-weight:700;font-size:3.125rem;font-family:var(--ff-primary)}.our-story-card-subtitles{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:1.625rem}.deviceapple{margin:0 auto;z-index:2222;align-self:center}.aladin{width:400px;overflow:hidden;z-index:-55;max-width:100%;max-height:25vh;position:absolute;left:15%;top:10%}.thumbnail{width:21%;height:230px;margin:28px;border:.1rem solid red;filter:grayscale(100%);transition:.4s;cursor:pointer;-webkit-filter:grayscale(100%)}.thumbnail:hover{filter:grayscale(0);transform:scale(1.1);-webkit-filter:grayscale(0)}.lastContent{background-image:url(images/family.jpg);display:flex;padding:15em;flex-wrap:wrap;flex:1 1;text-align:center;max-width:100%;flex-direction:column;background-size:cover;align-items:center;background-attachment:fixed;perspective:100px;background-position:center;background-repeat:no-repeat;z-index:-1}.emailInput{max-width:100%;margin:0 auto;border:1px solid red}.sign-button2{max-height:30px;max-width:100%;background-color:#e50914;color:#fff;border:none}.sign-button2:hover{background-color:var(--btn-color);color:#fff;cursor:pointer}#banner-slide{overflow:hidden;height:5%;background:#000;display:flex;flex-direction:row}.our-story-card-title3{font-family:var(--ff-primary);font-weight:50;font-size:1rem;color:#fff;width:30%;display:inline-block;animation:lefttoright 20s forwards infinite;-webkit-animation:lefttoright 20s forwards infinite}@keyframes lefttoright{0%{transform:translateX(1900px);-webkit-transform:translateX(1900px);-moz-transform:translateX(1900px);-ms-transform:translateX(1900px);-o-transform:translateX(1900px)}100%{transform:translateX(-1900px);-webkit-transform:translateX(-1900px);-moz-transform:translateX(-1900px);-ms-transform:translateX(-1900px);-o-transform:translateX(-1900px)}}.tag{font-size:.9rem;color:var(--primary-color);font-family:var(--ff-third);font-variant-position:super}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}}.container1{max-width:1170px;margin:0 auto;padding:0 auto}.row1{display:flex;flex-wrap:wrap;margin:0 auto}ul{list-style:none}.footer{background-color:var(--second-color);;padding:70px 0}.footer-col{width:25%;padding:0 15px}.footer-col h4{font-size:1.1rem;color:#fff;text-transform:capitalize;margin-bottom:35px;font-weight:var(--fw-small);position:relative}.footer-col h4::before{content:'';position:absolute;left:0;bottom:-10px;background-color:var(--primary-color);height:2px;box-sizing:border-box;width:50px}.footer-col ul li:not(:last-child){margin-bottom:10px}.footer-col ul li a{font-size:16px;text-transform:capitalize;color:#fff;text-decoration:none;font-weight:var(--fw-sotiny);color:#bbb;display:block;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease}.footer-col ul li a:hover{color:#fff;padding-left:8px}.footer-col .social-links a{display:inline-block;height:2.2rem;width:2.2rem;background-color:rgba(255,255,255,.2);margin:0 10px 10px 0;text-align:center;line-height:2rem;border-radius:50%;color:#fff;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease}.footer-col .social-links a:hover{color:#fff;background-color:var(--primary-color)}@media(max-width:574px){.footer-col{width:100%}}@media screen and (max-width:40rem){#banner-slide{overflow:hidden;height:1%;background:#000}@keyframes lefttoright{0%{transform:translateX(1100px);-webkit-transform:translateX(1100px);-moz-transform:translateX(1100px);-ms-transform:translateX(1100px);-o-transform:translateX(1100px)}100%{transform:translateX(-1100px);-webkit-transform:translateX(-1100px);-moz-transform:translateX(-1100px);-ms-transform:translateX(-1100px);-o-transform:translateX(-1100px)}}.header-content{flex-direction:column;justify-content:center;align-items:center}.display-content span{font-size:2rem}.display-content p{font-size:1rem}.tv-content{visibility:hidden}.video1{border:2px dashed red;border-radius:15%;-webkit-border-radius:15%;-moz-border-radius:15%;-ms-border-radius:15%;-o-border-radius:15%}.watch-story-card-title{font-size:2rem}.watch-story-card-subtitle{font-size:1rem}.watch-everywhere{padding:3em}.our-story-card-subtitle{text-align:center;font-size:1rem}.our-story-card-title{text-align:center;font-size:2rem}.download{visibility:hidden}.section__strange{flex-direction:column;margin:0 auto}.strangeimg{margin-left:80%;width:100%}.download-content{width:100%}.our-story-card-subtitles{text-align:center;font-size:1rem}.our-story-card-titles,.your-story-card-title{text-align:center;font-size:2rem}.deviceapple{margin-top:30%}.aladin{visibility:hidden}#gallery{padding:1em}.thumbnail{width:90%;margin-bottom:1em;border:1px solid red;filter:grayscale(100%);transition:.4s;cursor:pointer;-webkit-filter:grayscale(100%);-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s}.thumbnail:hover{filter:grayscale(0);transform:scale(1.1);-webkit-filter:grayscale(0);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}.lastContent{padding:2em}}@media screen and (max-width:1200px){.aladin{visibility:hidden}}@media screen and (max-width:1500px){.aladin{visibility:hidden}}@media screen and (max-width:45rem){.footer-col{width:50%;margin-bottom:30px}.tv-content{visibility:hidden}.watch-story-card-title{font-size:2rem}.watch-story-card-subtitle{font-size:1rem}.watch-everywhere{padding:3em}.our-story-card-subtitle{text-align:center;font-size:1rem}.our-story-card-title{text-align:center;font-size:2rem}.download{bottom:18%;left:65%}.our-story-card-subtitles{text-align:center;font-size:1rem}.our-story-card-titles,.your-story-card-title{text-align:center;font-size:2rem}.aladin{visibility:hidden}#gallery{padding:1em}.thumbnail{width:90%;margin-bottom:1em;border:1px solid red;filter:grayscale(100%);transition:.4s;cursor:pointer;-webkit-filter:grayscale(100%);-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s}.thumbnail:hover{filter:grayscale(0);transform:scale(1.1);-webkit-filter:grayscale(0);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}}