.checkbtn{float:right;margin:30px;cursor:pointer;display:none}.side-bar{position:fixed;top:0;right:0;height:100vh;width:25%;z-index:999;background-color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}@media (max-width: 850px){.logo{display:none}.checkbtn{display:block}.newImg{margin:20px;height:50px;width:50px;background-image:url(./images/small.png);background-size:cover;justify-content:space-between}.nav-bar{position:fixed;font-weight:500;display:grid;justify-content:center;height:40vh;width:100%;background:#fff;top:80px;left:-100%;transition:all;text-align:center}#check:checked~nav{left:0}nav{position:fixed;width:100%;height:50vh;background-color:#fff;top:80px;left:0;text-align:center;display:block}}.buttons .start{margin:5px;height:3.5rem;width:13rem;color:#fff;background:rgb(130,71,255);border:1px solid transparent;border-radius:15px;position:relative}.buttons .watch{margin:5px;height:3.5rem;width:13rem;border:1px solid rgb(218,218,218);border-radius:15px;position:relative}.buttons .start:hover{box-shadow:0 0 0 5px #d4b7ff;transition-property:all;transition-duration:.5s}.buttons .watch:hover{border:1px solid black;transition-property:all;transition-duration:.5s}.stats{border:1px solid transparent;border-radius:30px;box-shadow:0 10px 10px #dcdcdc;position:relative}.stats:hover{box-shadow:0 20px 10px #dcdcdc;transition-property:all;transition-duration:.5s}.small-text{opacity:0}.slide-up{animation:slideUp 1s linear forwards}@keyframes slideUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.premier{padding:6px;border:1px solid rgb(221,198,255);border-radius:10px;position:relative}.img .first{border:1px solid transparent;border-radius:2rem;position:relative}.img .second,.cards .card1,.cards .card2{border:1px solid rgb(234,234,234);border-radius:2rem;position:relative}.cards .card3{border:1px solid rgb(231,231,231);border-radius:2rem;position:relative}.slide-up-low{animation:slideUpLow .5s linear forwards}@keyframes slideUpLow{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.slide-right{animation:slideRight .5s linear forwards;animation-timeline:scroll()}@keyframes slideRight{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.parallex{height:191.5vh;width:100%;background-color:#1c1c1c;position:relative}.para{display:-ms-grid}.more{height:35px;width:140px;padding:5px;border:1px solid transparent;border-radius:8px}.info-cards{margin:3.5rem;padding:20px;background-color:#212121;border:1px solid rgb(41,41,41);border-radius:15px}.font{height:50px;width:50px;background-color:#823bfc;border-radius:5px}.main-content{background-color:#fff;border:1px solid rgb(205,205,205);border-radius:15px}.test-box{padding:10px;border:1px solid rgb(225,183,255);border-radius:10px}header nav a:hover{color:#a647ff;transition-property:all;transition-duration:.25s}header nav button{height:40px;width:140px;background-color:#fff;border:solid 1px rgb(228,228,228);border-radius:10px}header nav button:hover{border-color:#000;transition-property:all;transition-duration:.5s}.logo{margin:10px;height:3.5rem;width:14.5rem}*{margin:0;padding:0;font-family:Poppins,sans-serif}body{background:linear-gradient(rgb(255,241,233),white)}