:root{--primary:#ffffff;--secondary:rgb(229, 9, 20);} html, body{width:100vw;min-height:100vh;margin:0;padding:0;background-color:var(--primary);font-family:Arial, Helvetica, sans-serif;box-sizing:border-box;line-height:1.4;}img{max-width:100%;} .ctitle{font-family:'Bebas Neue', cursive;font-size:24px!important;font-weight:800!important;color:#E50914;letter-spacing:2px;padding-top:40px!important;}.wrapper{margin:0;padding:0;} header{padding:20px 20px 0 20px;position:fixed;top:0;display:grid;grid-gap:5px;grid-template-columns:1fr 4fr 1fr;grid-template-areas: "nt mn mn sb . . . ";background-color:#E50914;width:100%;margin-bottom:0px;}.netflixLogo{grid-area:nt;object-fit:cover;width:100px;max-height:100%;padding-left:30px;padding-top:0px;}.netflixLogo img{height:35px;}#logo{color:#E50914;margin:0;padding:0;}.main-nav{grid-area:mn;padding:0 30px 0 20px;}.main-nav a{color:var(--light);text-decoration:none;margin:5px;color:#E50914!important}.main-nav a:hover{color:var(--dark);}.sub-nav{grid-area:sb;padding:0 40px 0 40px;}.sub-nav a{color:var(--light);text-decoration:none;margin:5px;}.sub-nav a:hover{color:var(--dark);}.main-container{padding:10px;}.box{display:grid;grid-gap:5px;grid-template-columns:repeat(6, minmax(100px, 1fr));}.box a{transition:transform .3s;padding:0px 2px;}.box a:hover{transition:transform .3s;-ms-transform:scale(1.4) ;-webkit-transform:scale(1.4);transform:scale(1.4);} .box img{border-radius:2px;border:2px solid red;padding:0!important;}.link{padding:10px;}.sub-links ul{list-style:none;padding:0;display:grid;grid-gap:20px;grid-template-columns:repeat(4, 1fr);}.sub-links a{color:var(--dark);text-decoration:none;}.sub-links a:hover{color:var(--dark);text-decoration:underline;}.logos a{padding:0px;}.logo{color:#ffff;}footer{padding:20px;text-align:center;color:var(--dark);margin:10px;}@media(max-width:900px){header{display:grid;grid-gap:20px;grid-template-columns:repeat(2, 1fr);grid-template-areas:"nt nt nt... sb . . . ""mn mn mn mn mn mnmn mn mn mn";}.box{display:grid;grid-gap:20px;grid-template-columns:repeat(4, minmax(100px, 1fr));}}@media(max-width:700px){header{display:grid;grid-gap:20px;grid-template-columns:repeat(2, 1fr);grid-template-areas:"nt nt nt... sb . . . ""mn mn mn mn mn mnmn mn mn mn";}.box{display:grid;grid-gap:20px;grid-template-columns:repeat(3, minmax(100px, 1fr));}.sub-links ul{display:grid;grid-gap:20px;grid-template-columns:repeat(3, 1fr);}}@media(max-width:500px){.wrapper{font-size:15px;}header{margin:0;padding:20px 0 0 0;position:static;display:grid;grid-gap:20px;grid-template-columns:repeat(1, 1fr);grid-template-areas:"nt""mn""sb";text-align:center;}.netflixLogo{max-width:100%;margin:auto;padding-right:20px;}.main-nav{display:grid;grid-gap:0px;grid-template-columns:repeat(1, 1fr);text-align:center;}h1{text-align:center;font-size:18px;} .box{display:grid;grid-gap:5px;grid-template-columns:repeat(2, 1fr);text-align:center;}.box a:hover{transition:transform .3s;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1.2);}.badge{color:#000;background:yellow;border-radius:10px;}.logos{display:grid;grid-gap:0px 10px;grid-template-columns:repeat(4, 1fr);text-align:center;}.sub-links ul{display:grid;grid-gap:20px;grid-template-columns:repeat(1, 1fr);text-align:center;font-size:15px;}}.card{background:white;text-decoration:none;color:#444;box-shadow:0 2px 5px rgba(0,0,0,0.1);display:flex;flex-direction:column;min-height:100%;position:relative;top:0;transition:all .1s ease-in;}.card:hover{top:-2px;box-shadow:0 4px 5px rgba(0,0,0,0.2);}.card article{padding:20px;}.card .video-thumb{}.card h1{padding:0!important;font-size:20px;margin:0;color:#333;}.card p{line-height:1.4;}.card span{font-size:12px;font-weight:bold;color:#999;text-transform:uppercase;letter-spacing:.05em;margin:2em 0 0 0;}.date{white-space:nowrap;}.sidenav{height:100%;width:0;position:fixed;z-index:1;top:0;left:0;background-color:#fff;overflow-x:hidden;transition:0.5s;padding-top:60px;}.sidenav a{margin:10px;padding:8px 8px 8px 32px;text-decoration:none;font-size:25px;color:#222;display:block;transition:0.3s;}.sidenav a:hover{color:#000;} .sidenav button{background-color:red;width:90%;content-align:center;border:1px solid black;border-radius:25px;color:white;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:30px;font-weight:800;margin:4px 2px;cursor:pointer;}.sidenav .closebtn{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px;}@media screen and (max-height:450px){.sidenav{padding-top:15px;} .sidenav a{font-size:18px;}} .category{color:#fff;border-radius:5px;margin:2px 2px;padding:5px 15px;font-family:'Lato', sans-serif;font-weight:500;background:transparent;cursor:pointer;transition:all 0.3s ease;position:relative;display:inline-block;box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),7px 7px 20px 0px rgba(0,0,0,.1),4px 4px 5px 0px rgba(0,0,0,.1);outline:none;background:rgb(6,14,131);background:linear-gradient(0deg, rgba(6,14,13) 0%, rgba(12,25,180,1) 100%);border:none;} .category:hover{background:rgb(0,3,255);background:linear-gradient(0deg, #E50914 0%, #222 100%);}.box marquee{color:#E50915 ;font-family:'Akaya Telivigala', cursive;