.container{
    height:300px;
    width:900px;
    margin:auto;
    margin-bottom:10px;
    border:2px solid black;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:0.5rem;
}
.box{
height:200px;
width:200px;
border:2px solid black;
margin-bottom:5px;
}

#hex{
    background-color:white;
    color:#000;
    padding:0.5rem;
}
.cont{
    height:200px;
    width:300px;
    margin:auto;
}


@media (max-width: 1024px) {
    h1{
        font-size:26px;
    }
    .container{
        height:250px;
        width:700px;
        margin-right:290px;
        margin-bottom:10px;
        border:2px solid black;
        display:flex;
        justify-content:center;
        align-items:center;
        gap:0.5rem;
    }
    .box{
    height:150px;
    width:150px;
    border:2px solid black;
    margin-bottom:5px;
    }
    #btn-start{
        font-size:1rem;
        padding:0.5rem;
    }
    #btn-stop{
        font-size:1rem;
        padding:0.5rem;
    }
}
   
   @media (max-width: 768px) {
    h1{
        font-size:24px;
    }
    .container{
        height:230px;
        width:550px;
        margin-right:200px;
        margin-bottom:10px;
        border:2px solid black;
        display:flex;
        justify-content:center;
        align-items:center;
        gap:0.8rem;
    }
    .box{
    height:120px;
    width:110px;
    border:2px solid black;
    margin-bottom:5px;
    }
    #btn-start{
        font-size:1rem;
        padding:0.4rem;
    }
    #btn-stop{
        font-size:1rem;
        padding:0.4rem;
    }
   }
   
   @media (max-width: 640px) {
    h1{
        font-size:22px;
    }
    .container{
        height:200px;
        width:600px;
        margin-right:200px;
        margin-bottom:10px;
        border:2px solid black;
        display:flex;
        justify-content:center;
        align-items:center;
        gap:0.8rem;
    }

    .box{
    height:120px;
    width:120px;
    border:2px solid black;
    margin-bottom:5px;
    }
    #btn-start{
        font-size:1rem;
        padding:0.4rem;
    }
    #btn-stop{
        font-size:1rem;
        padding:0.4rem;
    }
  }