body, html {
    margin: 5;
    padding: 5;
    height: 100%;
    font-family: 'Roboto', sans-serif;
}


.container {
    position: relative;
    top: 50px;
    left: -400px;
 	width: 350px;
	margin: 0 auto;
}

.oval-thought-border{
  position: relative;
  padding: 15px 20px;
  margin: 1em auto 30px;
  background: white;
  border: 10px solid #0284c7;
  text-align: center;
  border-radius: 240px / 140px;
}

.oval-thought-border:before{
  content: "";
  display: block;
  border: 10px solid #0284c7;
  position: absolute;
  z-index: 10;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  bottom: 10px;
  right: -60px;
  background: white;  
}

.oval-thought-border:after{
  content: "";
  display: block;
  border: 10px solid #0284c7;
  border-radius: 25px;
  width: 25px;
  height: 25px;
  z-index: 10;
  position: absolute;
  bottom: -10px;
  right: -90px;
  background: white;
  
  
}

.containerForm {
    position: relative;
      top: 200px;
      left: 200px;
    color: white;
}

body {
    background: url('lumas.png') no-repeat center center fixed;
    background-size: cover;
}


h1 {
    font-size: 2.8em;
    margin-bottom: 8px;
}


p {
    font-size: 1em;
    margin-bottom: 2px;
}


form {
    display: inline-block;
    text-align: left;
}


label, input, textarea, button {
    display: block;
    margin-bottom: 10px;
    width: 100%;
}


button {
    cursor: pointer;
    background-color: #4CAF50;
    color: white;
    border: none;
    padding: 10px 20px;
}


button:hover {
    background-color: #45a049;
}