/*---------- Generales ---------- */
*{
    font-family: sans-serif;
    background: whitesmoke;
}
header{
	padding: 15px 5px 5px 15px;
	display: flex;
    align-items: center;
    margin-bottom: 2px;
}
header img{
	width: 10vh;
	height: 10vh;
	padding-right: 15px;
	margin-left: 10;
}
textarea{
	width: 90%;
	resize: none;
	font-family: monospace;
	font-size: 20px;
	padding: 10px;
}

/* Contenedor */

#mensaje{
	width: 90%;
    height: 85%;
	display: flex;

	align-items: center;
	justify-content: center;

	background-color: white;
	border-radius: 10px;
	
    margin: 10px;
}
div img{
	height: 50px;
	width: 50px;
	background: none;
	padding-right: 10px;
}
p{
	font-family: monospace;
	font-size: 15px;
	background-color: white;
}

/* TextArea	*/

.col{
	min-height: 70vh;
}

#txt_area1{	
	border: none;
	resize: none;
	height: 80%;
	width: 100%;	
}
#txt_area1:focus{
	outline: none;
}
#txt_area2{
	height: 80%;
	background-color: white;
	border-radius: 10px;
	border: none;
	display: none;
	resize: none;
}
#txt_area2:focus{
	outline: none;
}

/* Botones */
#copiar{
	display: none;
	bottom: 0;
	transform: translateX(50%);
}


/* Footer */
.pie_pagina{	
	width: 100%;
	background-color: rgb(42,122,228);
	border-radius: 10px;	
}

.social-icons-container{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;	
	background: none;
}
.icon{
	height: 30px;
	width: 30px;
	border-radius: 50px;
	background-image: url("./img/github.png");
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	margin: 1rem;
}
.icon:nth-of-type(2){
	background-image: url("./img/linkedin.png");
}
.icon:nth-of-type(3){
	background-image: url("./img/gmail.png");
}
.autor{
	background: none;
	color: white;
	font-size: 15px;
	padding: 5px;
}
