@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);header,header .menu{justify-content:center}.slider,header{position:relative}.slider .list .item img,.thumbnail .item img{width:100%;height:100%;object-fit:cover}body{font-family:Poppins;margin:0;background-color:#010101;color:#f9f3f3}svg{width:25px}header{width:1200px;max-width:90%;margin:auto;display:grid;grid-template-columns:50px 1fr 50px;grid-template-rows:50px;align-items:center;z-index:100}header .logo{font-weight:700}header .menu{padding:0;margin:0;list-style:none;display:flex;gap:20px;font-weight:500}.slider{height:100vh;margin-top:-50px}.slider .list .item{position:absolute;inset:0 0 0 0;overflow:hidden;opacity:0;transition:.5s}.slider .list .item::after{content:'';width:100%;height:100%;position:absolute;left:0;bottom:0;background-image:linear-gradient(to top,#000 40%,transparent)}.slider .list .item .content{position:absolute;left:10%;top:10%;width:500px;max-width:80%;z-index:1}.slider .list .item .content p:first-child{text-transform:uppercase;letter-spacing:10px}.slider .list .item .content h2{font-size:100px;margin:0}.slider .list .item.active{opacity:1;z-index:10}@keyframes showContent{to{transform:translateY(0);filter:blur(0);opacity:1}}.slider .list .item.active h1,.slider .list .item.active p:first-child,.slider .list .item.active p:nth-child(3){transform:translateY(30px);filter:blur(20px);opacity:0;animation:.5s ease-in-out .7s forwards showContent}.slider .list .item.active h1{animation-delay:1s}.slider .list .item.active p:nth-child(3){animation-duration:1.3s}.arrows{position:absolute;top:30%;right:50px;z-index:100}.arrows button{background-color:#eee5;border:none;font-family:monospace;width:40px;height:40px;border-radius:5px;font-size:x-large;color:#eee;transition:.5s}.arrows button:hover{background-color:#eee;color:#000}.thumbnail{position:absolute;bottom:50px;z-index:11;display:flex;gap:10px;width:100%;height:250px;padding:0 50px;box-sizing:border-box;overflow:auto;justify-content:center}.thumbnail::-webkit-scrollbar{width:0}.thumbnail .item{width:150px;height:220px;filter:brightness(.5);transition:.5s;flex-shrink:0}.thumbnail .item img{border-radius:10px}.thumbnail .item.active{filter:brightness(1.5)}.thumbnail .item .content{position:absolute;inset:auto 10px 10px 10px}@media screen and (max-width:678px){.thumbnail{justify-content:start}.slider .list .item .content h2{font-size:60px}.arrows{top:10%}}