body {
    background: #2A7B9B;
    background: linear-gradient(90deg,rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 50%, rgba(237, 221, 83, 1) 100%);
}

h1 {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: white;
}
#myname {
    width:300px;
    margin:0 auto;
}

.container {
  display: flex;
  justify-content: center;  
  align-items: center;      
  height: 100vh;            
  border: 1px solid gray;
}