import Octo from "./Octo.svelte";

</script>

<h1>What is an Octohedron?</h1>

<div class="scene-container">

<Octo></Octo>

</div>

<p>An octohedron is a three-dimensional shape having eight plane faces, especially a regular solid figure with eight equal triangular faces.</p>

<style>

.scene-container {

/* position relative let's the canvas position itself relative to this container */

position: relative;

width: 75%;

max-width: 400px;

height: 400px;

margin: 0 auto;

}

</style>