d-flex {
    display: flex;
  }

  @font-face {
    font-family: 'DEC Terminal Modern';
    src: url('_decterm.ttf') format('truetype');
  }
  
body {
  color: #038f03;
  font-family: 'DEC Terminal Modern';
  font-size: 35px;
  background-image: url('fundo_projeto_cifra_cesar_2.png');
  background-size: cover;
  background-repeat: no-repeat;
}

header {
  position: fixed;
  width: 100%;
  left: 390px;
  bottom: 530px;
}

h1 {
  font-size: 50px;
}

#labelkey {
  position: fixed;
  width: 100%;
  left: 930px;
  bottom: 565px;
}

#seckey {
  position: fixed;
  width: 100%;
  left: 1040px;
  bottom: 574px;
}

#inpkey {
  border: 4px solid #038f03;
  background-color: transparent;
  color: white;
  font-family: 'DEC Terminal Modern';
  font-size: 25px;
  width:35px;
  height:25px;
  padding:5px;
}

#pcripto {
  position: fixed;
  width: 100%;
  right: 800px;
  bottom: 395px;
}

#seccripto {
  position: fixed;
  width: 100%;
  left: 720px;
  bottom: 355px;
}

#txtcripto {
  border: 4px dashed #038f03;
  background-color: transparent;
  color: white;
  font-family: 'DEC Terminal Modern';
  font-size: 25px;
  margin: 5px;
  width:210px;
  height:120px;
  padding:5px;
  resize: none;
}

#pdescripto {
  position: fixed;
  width: 100%;
  right: 800px;
  bottom: 230px;
}

#secdescripto {
  position: fixed;
  width: 100%;
  left: 720px;
  bottom: 155px;
}

#txtdescripto {
  border: 4px dashed #038f03;
  background-color: transparent;
  color: white;
  font-family: 'DEC Terminal Modern';
  font-size: 25px;
  margin: 5px;
  width:210px;
  height:120px;
  padding:5px;
  resize: none;
}

#reset {
  position: fixed;
  bottom: 150px;
  left: 870px;
  border-color: transparent;
  background-color: #038f03;
  font-family: 'DEC Terminal Modern';
  font-size: 20px;
  box-shadow: 5px;
}

footer {
  color: rgba(255, 255, 255, 0.2);
  bottom: 65px;
  position: fixed;
  width: 100%;
  text-align: center;
  font-family: 'Courier New', Courier;
  font-size: 15px
}