.demo-card-wide.mdl-card {
    width: 640px;
    height: 500px;
    text-align: center;
    margin-top: 5px;
    
  }
  
  .mdl-card__actions {
  
    outline: skyblue solid 5px;
    z-index: 4;
  
    
  }
  #name {
    display:flex;
    margin-top: 10px;
    justify-content: left;
  }
  
  #contact{
    /*display: flex;*/
  
  }
  
  
  .mdl-button {
    margin-left: 10px ;
    
  }
  .demo-card-wide {
    height: 200px;
  }
  
  
  .demo-card-wide > .mdl-card__title {
    color: #1e1e1e;
    height: 64px;
    background-color: #2196f3;
  }
  
  .mdl-card__title-text {
    position: relative;
    top: 6px;
    
  }
  
  .demo-card-wide > .mdl-card__menu {
    color: #fff;
  }
  
  
  #mycard {
    height: 600px;
    width:97%;
    display:flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-left: 5px;
  }
  
  .mdl-textfield {
    width: 250px;
    margin-right: 5px;
  }