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

.container {
    position: relative;
    top: 15%;
    left: -30%;
 	width: 25%;
	margin: 0 auto;
}
/*
.bannerphoto {
  display:flex;
  background-color:#fff;
  padding:20px;
  border-radius:30px;
  min-width:80%;
  max-width:80%;
  min-height:40px;
  margin:20px;
  position:relative;
  align-items:center;
  justify-content:center;
  text-align:center;
}

*/
.thought {
  display:flex;
  background-color:#fff;
  padding:20px;
  border-radius:30px;
  min-width:40px;
  max-width:220px;
  min-height:40px;
  margin:20px;
  position:relative;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.thought:before,
.thought:after {
  content:"";
  background-color:#fff;
  border-radius:50%;
  display:block;
  position:absolute;
  z-index:-1;
}
.thought:before {
  width:44px;
  height:44px;
  top:-12px;
  left:28px;
  box-shadow:-50px 30px 0 -12px #fff;
}
.thought:after {
  bottom:-10px;
  right:26px;
  width:30px;
  height:30px;
  box-shadow:40px -34px 0 0 #fff,
             -28px -6px 0 -2px #fff,
             -24px 17px 0 -6px #fff,
             -5px 25px 0 -10px #fff;
  
}
/*
.triangle-isosceles{
  position: relative;
  padding: 15px 20px;
  margin: 1em auto 30px;
  background: white;
  text-align: center;
  border-radius: 20px; 
} */

/* .triangle-isosceles:after{
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50px;
  display:block;
  width: 0;
  height: 0;
  
  border-top: 15px solid #f8f8f8;
  
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
} */	

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

body {
    background: url('ChatWithBooksAlice.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;
}