index.css

body{
    background-image: url(https://www.itcglobaltranslations.com/wp-content/uploads/sites/5/2020/08/quality-translator-1030x655.jpg);
    background-repeat: no-repeat;
    background-size: 1950px;
}
#container{
    display: flex;
    align-items: center;
}
#input,#output{
    flex: 1;
    margin: 5%;
    height: 300px;
    border:1px solid black ;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
    border-radius: 8px;
}
#input-text{
    width: 93%;
    height: 170px;
    font-size: 25px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0.8px;
    padding-top: 70px;
    font-weight: 600;
    margin: 20px;
}
#heading{
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 55px;
    margin-top: 30px;
    font-weight:600;
    padding-bottom: 10px;
    font-style: italic;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;    
}
#btntoclick{
    height: 40px;
    width: 150px;
    border-radius: 6px;
    background-color: brown;
    color: aliceblue;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
    letter-spacing: 0.6px;
}
#record{
  width: 40px;
  border: none;
  background-color: none;
  height: 40px;
  font-size: 30px;
  cursor: pointer;
  margin-left: 55px;
  margin-top: 30px;
  box-shadow: rgb(74, 131, 92) 0px 20px 30px -10px;
}
#select{
    margin-left: 90px;
    /* margin-top: 150px; */
    height: 50px;
    display: flex;
    justify-content: space-between;
    width: 1190px;
}
select{
    border-radius: 6px;
    padding: 4px;
    font-size: 14px;
    background-color: rgb(108, 245, 245);
    font-weight: 600;
    color: rgb(29, 2, 2);
    cursor: pointer;
}
select:hover{
    background-color: rgb(2, 71, 71);
    color: azure;
}
p{
    text-align: center;
    margin-top: 20px;
    font-size: 25px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    color: grey;
    font-weight: 600;
    width: 93%;
    height: 216px;
    background-color: rgb(245, 243, 241);
    margin-left: 23px;
}
#A{
    margin-top: 90px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 35px;
    font-weight:600;
    margin-left: 80px;
    margin-bottom: 20px;
}