Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" type="text/css" href="../style/style.css">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=600, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        #ciao{
            background-color: black;

            transform: rotate(160deg) scale(0.05, 0.2) translate(0px, 150px);
        }
        #ciao2{

            background-color: black;

            transform: rotate(14deg) scale(0.05, 0.2) translate(-300px, -100px);
        }
        .b{
            transform: translate(420px, -80px);
        }
        #rov{
            transform: rotate(100deg);

        }
    </style>
</head>
<body>

    <!--avanti-->
    <div class="contenitore">
    <span id="avanti">
        <a href="../2/2.html">next</a>
    </span>
    <!--indietro-->
    <span id="indietro">
        <a href="../inizio/inizio.html">back</a>
    </span>
    </div>

    <!--inizio testo-->

    <div id="boh">

        <h1 style="font-size:35px;text-align:center;">What is it?</h1>
        It is a positional numerical system based 2:

    </div>

    <div id="ciao">.</div>
    <div id="ciao2">.</div>
    <div class="b">
       <b> 1 </b>
        <br><br><br>
       <b> 0  </b>
       <br>
       <span id="rov">||</span>
       <br>
       are the binary number
    </div>

</body>
</html>