@import"https://fonts.googleapis.com/css2?family=Kanit: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&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";*{padding:0;margin:0;box-sizing:border-box}body{background-color:#000;color:#000;font-family:poppins}.container{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:wrap;padding:20px}.card{background-color:#c8ae8b;margin-top:40px;display:flex;flex-wrap:wrap;width:300px;height:440px;flex-direction:row;margin-left:30px;padding:10px;flex-direction:column}p{margin-top:10px;font-size:15px}.imagebox{margin-top:10px;display:flex;align-items:center;justify-content:center;margin-left:40px}.runbox{margin-top:10px}#date{letter-spacing:2px}img{height:60px;width:60px;border-radius:10px;margin:20px 0 10px}.runs{margin:10px 70px 10px 0}button{height:50px;width:500px;font-size:20px;background-color:#fff;color:#000;border-radius:10px;font-family:poppins;margin:20px 0 20px 20px;padding:5px;text-align:center}#img1{margin-right:20px}#img2{margin-right:50px;margin-left:20px}#run1{margin-left:40px;margin-right:10px}#run1{margin-left:10px;margin-right:60px}button:hover{box-shadow:0 0 20px #fff}.card:hover{box-shadow:0 0 20px #fff;opacity:999;width:400px;height:500px;color:red}