@import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');

body{
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100vh;
}

.container-body{
 
   max-width: 1000px;
   margin: 0 auto ;
   padding: 70px 70px 40px;
   font-family: 'Russo One', sans-serif;
   background-image: url(/img/the-mandalorian-season-2-tv-series-2020-2560x1440-2765.jpg);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   box-shadow: 10px 15px #888888;
}

textarea{
    padding: 1rem;
    width: 120px;
    height: 20px;
    background:transparent;
    font-family: 'Russo One', sans-serif;
    border:solid white;
    margin-top:40px;
    margin-bottom:40px;
}


#output{
    border: 1px solid black;
    padding: 1rem;
    width:150px;
    color:black;
    font-size: 15px;
    overflow: auto;
    border: solid white;
    margin-top:40px;
    margin-bottom:60px;
    box-sizing: border-box;
}

.container-main{
    margin: auto;
    justify-content: center;
    display:flex;
    flex-direction: column;
    align-items: center;
    max-width: 75%;
    text-align: center;
    font-size: 50px;
    color: white;
    border: solid white;
}

.heading{
    text-align: center;
    max-width: 200px;
    margin-top:40px;
    padding: 10px;
    font-size: 10px;
    
}


/* Button */


.btn-translate {

	background-image:linear-gradient(to bottom left,#eedf0f ,grey);
    border-radius:20px;
	border:3px solid white;
    color:white;
    font: 15px;
	padding:9px 31px;
	text-decoration:none;
	
}
.btn-translate:active {
	position:relative;
	top:1px;
}

/* footer */

footer{
    padding-top: 30px;
}

.list-items {
    display: inline;
    padding: 20px;
}

.footer-heading{
    text-align: center;
    color:white;
}
.footer ul{
    text-align: center;
    padding-left: 0px;
    
}
.fab{
    color: white;
}