#animation_container {
	position:absolute;
	margin:auto;
	left:0;right:0;
	top:0;bottom:0;
  }


  /*---------------------html ---------------------*/

  body {
    width: 100vw;
    height: 100vh;

    padding:0;
    margin:0;
    font-size: 16px;

    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto 1fr auto;
  }

  header , footer {
    background-color: blueviolet;

  }

  section {
    width: 100%;
    height: 100%;
    background-color: aqua;
  }

  main {
    display: grid;
    grid-template-columns:  auto 1fr auto;
    grid-template-rows: 100%;
    background-color: beige;

    overflow: hidden;
    
  }

  nav {
    width: 200px;
    background-color: tomato;
  }