.header{
    text-align:center;
    border: black 2px solid;
    border-radius:5px;
    background-color:rgb(8,8,8,0.8);
    color:white;
}
body{
    background-color:aqua
}

.column {
	float: left;
	width: 33.33%;
	padding: 5px;
  }
  
 
  .row::after {
	content: "";
	clear: both;
	display: table;
  }

  .row {
	display: flex;
  }
  
  .column {
	flex: 33.33%;
	padding: 5px;
  }

  p {
    width: 100px;
    height: 100px;
    background: red;
    transition: width .01s;
  }
  
  p:hover {
    width: 300000000px;
    height:300000000px;
  }

  h1.a {
    width: 150px;
    height: 80px;
    background-color: yellow;
    transform: rotate(20deg);
  }

  p.a {
    width: 300px;
    height: 300px;
    background: red;
    transition: width 20000s;
  }
  
  p.a:hover {
    width: 30000px;
  }