Создать коробку в HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML Box - Hm Elius Hossain Himel</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>

    <div class="scene">
        <div class="box">
          <div class="box__face box__face--front">front</div>
          <div class="box__face box__face--back">back</div>
          <div class="box__face box__face--right">right</div>
          <div class="box__face box__face--left">left</div>
          <div class="box__face box__face--top">top</div>
          <div class="box__face box__face--bottom">bottom</div>
        </div>
      </div>
      <p class="radio-group">
        <label>
          <input type="radio" name="rotate-cube-side" value="front" checked /> front
        </label>
        <label>
          <input type="radio" name="rotate-cube-side" value="right" /> right
        </label>
        <label>
          <input type="radio" name="rotate-cube-side" value="back" /> back
        </label>
        <label>
          <input type="radio" name="rotate-cube-side" value="left" /> left
        </label>
        <label>
          <input type="radio" name="rotate-cube-side" value="top" /> top
        </label>
        <label>
          <input type="radio" name="rotate-cube-side" value="bottom" /> bottom
        </label>
      </p>      
    
      <!-- Javascript -->
      <script src="main.js"></script>
</body>
</html>
Mysterious Mouse