@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
 
 @font-face {
    font-family: myFirstFont;
    src: url("Starjedi.ttf");
  }

  body{
      margin: 0;
  }

#text-input{
    display: block;
    margin: auto;
    width: 80%;
    margin-bottom: 1rem;
    height: 100px;
    border: 2px solid black;
    padding: 1em;
}

.output-class{
    height: 100px;
    border: 2px solid black;
    width: 80%;
    padding: 1em;
    margin: auto;

}

.heading{
   font-family: myFirstFont;
   letter-spacing: 2px;
   text-align: center;
   height: 3rem;
   background-color: #749c54;
   margin-block-start: 0;
   margin-bottom: 3rem;
   padding: 0.5em;
}

.text-guide{
    font-family: 'Press Start 2P', cursive;
}

.bottom-section{
    width: 80%;
    margin: auto;
    text-align: center;
    
}

.btn{
    background-color: 	#54852d;
    color: white;
    padding: 10px 1rem;
    border-radius:2rem;
    border: 0px;
    font-family: 'Press Start 2P', cursive;
    
}

.btn:hover{
    cursor: pointer;
}

footer{
    position:absolute;
   bottom:0;
   width:100%;
   height:40px;   /* Height of the footer */
   background:#749c54;
   display: flex;
   align-items: center;
   justify-content: center;
   font-family: myFirstFont;
   letter-spacing: 2px;
   font-weight:100
}

a{
    text-decoration: none;
}

.yoda-img{
    height: 200px;
    width: 170px;
    position: absolute;
    bottom: 32px;
    right: 0;
}