html{
	width:100%;
	height:100%;
}
body {
     font-family: sans-serif;
     text-align: center;
     padding: 30px;
     background-image:url('./fondo.jpg');
     background-size: auto 100vh;
     background-position: top right;
     background-repeat: no-repeat;
	height: 100%;
    padding: 0em;
    margin: 0em;
    display: flex;
    align-items: center;
    justify-content: center;
}
#contain{
	display:flex;
	flex-flow:wrap;
	min-width:250px;
	max-width:500px;
    justify-content: center;
	margin-top:-10vh;
}
h1{
	color:white;
	font-size:80px;
	text-shadow: 1px 2px 2px black;
	min-width:100%;
}
#formulario{
	min-width:100%;
	max-width:100%;
}
 .chat-box {
     display: inline-block;
     padding: 1em;
     background: white;
     border-radius: 10px;
 	min-width:fit-content;
 	max-width:90%;
 	max-height: 60vh;
    overflow: overlay;
}
.chat-box.pensando img,
.chat-box.respondido img{
	margin-bottom:0.5em;
}
.chat-box img{
	border-radius:10px;
}
 .emoticono {
     font-size: 60px;
     color: #444;
     display: block;
     margin: 0 auto 10px auto;
     user-select: none;
}
 .respuesta {
     font-size: 18px;
     color: #333;
     max-width: 100%;
     word-wrap: break-word;
}
 input[type=text],
 textarea {
     padding: 1em;
     width: 90%;
     max-width: 90%;
 	margin-top:1em;
 	margin-bottom:0.5em;
 	border-radius:10px;
 	border:none;
}
 button {
     padding: 1em 3em;
    background-color: #006dff;
    color: white;
    font-weight: 600;
    font-size: 14px;
    border: none;
    border-radius: 10px;
    text-transform: uppercase;
 	cursor:pointer;
}
button:hover{
	opacity:0.8;
}
 @font-face {
     font-family: 'Ketchum';
     src: url('./font/Ketchum.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
}
@media(max-width:600px){
#contain{
	max-width:90%;
}
h1{
	font-size:4em;
}
.respuesta{
	font-size:16px;
}
 input[type=text],
textarea {
	font-size:16px;
}
 input[type=text]:placeholder,
textarea:placeholder {
	font-size:16px;
}
}


@media(max-height:1000px){
.chat-box{
	max-height:50vh;
}
textarea{
	max-height:20vh;
}
}


@media(max-height:800px){
.chat-box{
	max-height:35vh;
}
textarea{
	max-height:10vh;
}
}