body{background-color:#eaeaea;overflow:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.container{background-color:#f5f5f5;box-shadow:0 30px 50px #dbdbdb}#slide{width:max-content;margin-top:50px}.item{width:200px;height:300px;background-position:50% 50%;display:inline-block;transition:.5s;background-size:cover;position:absolute;z-index:1;top:50%;transform:translateY(-50%);border-radius:20px;box-shadow:0 30px 50px #505050}.item:nth-child(1),.item:nth-child(2){left:0;top:0;transform:translate(0);border-radius:0;width:100%;height:100%;box-shadow:none}.item:nth-child(3){left:50%}.item:nth-child(4){left:calc(50% + 220px)}.item:nth-child(5){left:calc(50% + 440px)}.item:nth-child(n+6){left:calc(50% + 660px);opacity:0}.item .content{position:absolute;top:50%;left:100px;width:300px;text-align:left;padding:0;color:#9a9a9a;transform:translateY(-50%);display:none;font-family:system-ui}.item:nth-child(2) .content{display:block;z-index:11111}.item .name{font-size:40px;font-weight:700;opacity:0;animation:showcontent 1s ease-in-out 1 forwards}.item .des{margin:20px 0;opacity:0;animation:showcontent 1s ease-in-out .3s 1 forwards}.item .content:nth-child(4){color:#000;background-color:#000}.item button{padding:10px 20px;border:none;opacity:0;animation:showcontent 1s ease-in-out .6s 1 forwards}@keyframes showcontent{0%{opacity:0;transform:translateY(100px);filter:blur(33px)}to{opacity:1;transform:translate(0);filter:blur(0)}}.buttons{position:absolute;bottom:30px;z-index:222222;text-align:center;width:100%}.buttons button{width:50px;height:50px;border-radius:50%;border:1px solid #555;transition:.5s}.buttons button:hover{background-color:#bac383}