body{
  text-align: center;
  color: rgb(39, 38, 38);
  font-family: 'Lato', sans-serif;
  font-weight: bolder;
  text-transform: uppercase;
  background: linear-gradient(to right, rgb(255, 96, 107), rgb(1, 3, 153));
}
.container{
    display: grid;
    height: 100vh;
    grid-template-columns: 2fr 1.5fr 2fr;
    grid-template-rows: 4fr 1fr 4fr;
    grid-template-areas: 
    '. . .'
    '. wrapper .'
    '. . .';
}
input[type=color]{
   
   outline-width: 0px;
   padding: 0px;
    border:none;
   
   
}

.wrapper{
    background-color: aliceblue;
    border: 1px solid gray;
    border-radius: 25px;
    grid-area: wrapper;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
h4{
    color: rgb(90,92,104);
    text-transform: lowercase;
}