POSITION

Oi, Rafael! Tudo bem?

Agradeço por aguardar o retorno.

Obrigada por compartilhar seu projeto conosco, está muito legal! Para colocar a esfera azul dentro do quadrado verde basta colocar a <div class="boxmodel"> dentro da <div class="boxmain">.

Como não consigo visualizar o seu código HTML, deixarei aqui o que foi usado para realizar o teste:

… 
HTML
   <div class="boxmain">

      <div class="boxmodel"> </div>

 </div>

O resultado que obtive:

Dessa forma, mesmo alterando os valores dentro de margina esfera azul não sairá da green box.

Realize as alterações, teste e nos conte se funcionou!

Espero ter ajudado, qualquer dúvida estarei à disposição.

Bons estudos!