<style>
body {
            font-family: Arial,
			margin: 0;
            padding: 50px;:
      }
        {
            display: flex;
            justify-content: space-around;
            align-items: flex-start;
            margin-bottom: 15px;
        }
        .method {
            flex ;
        }
        .numbers {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            margin-bottom: 50px;
        }
        .number {
            display: inline-block;
            width: 50px;
            height: 50px;
            background-color: blue;
			font-size: 25px;
            line-height: 50px;
            text-align: center;
            margin: 20px;
            transition: transform 0.4s ;
        }
        .exchange {
            background-color: red   !important;
        }
        .sorted {
            background-color: green !important ;
        }
		h1 {
			color:red;
		}
		h2 {
            text-align: center;
			color: white;
        }
		h3{
			color:red
		}
    
</style>