*{
    font-family: 'Press Start 2P';
}

body{
	font-family: 'Press Start 2P';
	background: url("imagenes/fondo.png");
}

header{
	background: url("imagenes/fondo.png");
	padding: 10px 20px;
}

h1{
	color: #FFFFFF;
	font-size: 50px;
}

main{
	display: flex;
    justify-content: center; 
    align-items: center;
	margin-bottom: 10px;
}

.input-texto{
	height: 400px;
	width: 400px;
    color: white;
	background: #FF4500;
    text-align: center;
    font-size: 15px;
	border: none;
	border-radius: 15px;
    margin-top: 15px;
    padding: 5px;
}

::placeholder{color: black;}

.input-texto:focus{
    outline: none;
}

.input-mensaje{
	height: 400px;
	width: 400px;
    text-align: center;
    background: #FF6347;
    background-image: url("imagenes/sintexto.png");
    background-repeat: no-repeat;
    background-position: center;
    color: #E0FFFF;
    font-size: 15px;
    border: none;
    border-radius: 15px;
    margin-left: 30px;
    margin-top: 15px;

}

.input-mensaje:focus{
    outline: none;
}

.evitar{
	margin-top: 5px;
	color: white;
}

.caja-botones-izq{
    display: flex;
    margin-top: 18px;
}

.boton-encriptar{
	background-color: #FF7F50;
    border: 0;
    border-bottom: 3px solid yellow;
    border-radius: 15px;
    font-family: 'Press Start 2P';
    color: #FFFFFF;
    cursor: pointer;
    height: 30px;
    width:200px;
}

.boton-encriptar:active{
    border-bottom: 0;
    background-color: #B22222;
}

.boton-desencriptar{
	background-color: #FF6347;
    border: 0;
    border-bottom: 3px solid yellow;
    border-radius: 15px;
    font-family: 'Press Start 2P';
    color: #FFFFFF;
    cursor: pointer;
    height: 30px;
    width:200px;
    margin-left: 5px;
}

.boton-desencriptar:active{
    border-bottom: 0;
    background-color: #B22222;
}

.caja-botones-der{
    display: flex;
    margin-left: 30px;
    margin-top: 47px;
}

.boton-copiar{
	background-color: #FFA07A;
    border: 0;
    border-bottom: 3px solid yellow;
    border-radius: 15px;
    font-family: 'Press Start 2P';
    color: white;
    cursor: pointer;
    height: 30px;
    width:200px;
    margin-left: 5px;
}

.boton-copiar:active{
    border-bottom: 0;
    background-color: #B22222;
}

.boton-borrar{
	background-color: #FF4500;
    border: 0;
    border-bottom: 3px solid yellow;
    border-radius: 15px;
    font-family: 'Press Start 2P';
    color: white;
    cursor: pointer;
    height: 30px;
    width:200px;
    margin-left: 5px;
}

.boton-borrar:active{
    border-bottom: 0;
    background-color: #B22222;
}

footer{
	text-align: center;
	background: url("imagenes/fondo.png");
	padding: 40px;
}

.redes{
	padding: 25px;
}

.redes li{
	display: inline-block;
	width: 15%;	
	box-sizing: border-box;
	border: none;
}

.iconos{
	display: inline-block;
    opacity: 40%;
	width: 100px;
    height: 100px;
    margin-top: 2px;
}

.iconos:hover{
    opacity: 100%;
}

.copyright{
	color: #FFFFFF;
	font-size: 13px;
}

h6{
    color: #FFFFFF;
    font-size: 20px;
}

.alerta-personalizada {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  padding: 15px;
  background-color: #E0FFFF;
  color: #FF0000;
  border: 3px solid #FF0000;
  border-radius: 4px;
  box-shadow: 0px 9px 44px 11px rgba(0,0,0,0.78);
}