@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background-color:#212428;overflow-x:clip}ul{list-style:circle}ul li{padding:5px;margin:5px}ol{list-style:decimal}ol li{padding:5px;margin:5px}a{text-decoration:none;color:#9acd32}.tabs{width:80%;height:100px;margin:50px auto auto;box-shadow:10px 10px 19px #1c1e22,-10px -10px 19px #262a2e;overflow:hidden;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.tabs,.tabs li{display:flex;align-items:center}.tabs li{background-color:#212327;width:25%;height:100%;justify-content:center;color:#c4cfde;font-family:Poppins,sans-serif;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;cursor:pointer}.tabs li:hover{color:#f9004d}.active,.tabs li:hover{background:linear-gradient(145deg,#1e2024,#23272b);box-shadow:10px 10px 19px #1c1e22,-10px -10px 19px #262a2e;position:relative;z-index:1;border-radius:10px}.active{color:#f9004d!important}.contents{width:80%;margin:50px auto auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px}.box{gap:20px;background:linear-gradient(145deg,#1e2024,#23272b);box-shadow:10px 10px 19px #1c1e22,-10px -10px 19px #262a2e;padding:20px;width:100%;animation:moving 1s ease;-webkit-animation:moving 1s ease}.box,.box img{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.box img{width:50%}.box h3{color:#c4cfde;font-family:Poppins,sans-serif;font-size:2rem;margin-bottom:20px}.box li,.box p{color:#c4cfde;opacity:.5;font-family:Poppins,sans-serif;font-size:1rem}.show{display:flex}.hide{display:none}@keyframes moving{0%{transform:translateX(-50px);-webkit-transform:translateX(-50px);-moz-transform:translateX(-50px);-ms-transform:translateX(-50px);-o-transform:translateX(-50px);opacity:0}to{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);opacity:1}}