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!