:root {
    --primary-color : #b45309;

}

.container { 
    padding: 0rem 1rem;
  }

.navigation {
    background-color: var(--primary-color);
    color: white;
    padding: 1rem;
    
    justify-content: center;
    flex-direction: column;
    display: flex;
   
   
    
    
}
h1 {
    color: black;
    font-size: large;
    margin-left: auto;
    margin-right: auto; 
}
body {
    background-color: var(--primary-color);
    font-family: 'Secular One', sans-serif;
}
div{
    color: black;
}
.profile-pic {
    align-self: center;
    justify-content: center;
    flex-direction: column;
    display: flex;
}
#btn-translate{
    width: 5rem;
   margin-top: 2rem;
   margin-left: auto;
   margin-right: auto;   
   
}

textarea{

    width: 60%;
    height: 10vh;
    display: block;
    padding: 1rem;
    margin: auto;
    border-radius: 20px;

    }
   #output {
       border: 1px solid black;
       width: 60%;
    height: 10vh;
    padding: 1rem;
    margin:auto;
    display: block;
    background-color: white;
    font-family: 'Secular One', sans-serif;
    border-radius: 20px;



   } 
   P{
    text-align: center;
    color: black;
 }
 #socials {
    display: flex;
    flex-direction : center;
    justify-content : space-between;
    width: 10%;
    margin-left: auto;
    margin-right:auto;
   }