@import url('https://fonts.googleapis.com/css2?family=Bilbo&family=IM+Fell+English:ital@1&display=swap');
*{
    box-sizing: border-box;
}

html, body{
    margin:0;
    padding: 0;
    font-family: 'Bilbo', cursive;
    /* position: fixed;
    top:0;
    left:0;
    right: 0; 
    bottom: 0;*/ 
}
.nav-bar-section{
    width: 100%;
    height: 8rem; 
    background-color:black;
    text-align: center; 
}
/* .nav-bar-image{
    margin-left: 60rem;
} */

.nav-bar-text{
    padding: 2.5rem 1rem;
    color: yellow;
    font-size: 3rem;
}
.main-content{
    margin: auto;
    width: 100%;
    max-width: 600px;
    margin-top: 2rem;
    text-align: center;
}
textarea{
   width: 20rem;
   min-height: 1rem;
   resize: none;
   border: 0.01rem solid black;
   font-family: 'IM Fell English', serif;
   font-size: 1.5rem;
}

/* .nav-bar > .minion-image{
    height: 40vh;
     margin-left: 0; 
    float:right;
    
} */
.footer-about{
    width: 100%;
    height: 100%; 
    
    background-color:yellow;   
}
.btn{
    width: 14rem;
    height: 4rem;
    margin-top: 1rem;
    background-color: yellow;
    font-size: 1.5rem;
    font-family: 'Sonsie One', cursive;
    border: 0.01rem solid black;
}
.btn:hover{
    background: black;
    color: yellow;
    transition: 0.2s;
}

/* .hanging-minion-img{
    margin-top:10rem;
    width: 6rem;
    position: absolute;
} */
.column{
    text-align: center;
    width:100%;
    margin: auto;
    max-width: 600px;
}