.hidden { display: none; }

.unhidden { display: block; }

.switch {
    width: 150px;
    margin-top: 50px;
    margin-bottom: 20px;
    margin-left: 50px;
    text-align: center;
    }

img {
    border: none
    width: 50px;
    height: 32px;
    }

#english3 {
    background-color: #ccee33;
    border: 2 solid #0000ff;
    padding: 2px;
    }

#french3 {
    background-color: #eecc33;
    border: 2 solid #ff0000;
    padding: 2px;
    }

#english1 {
    width: 500px; 
    background-color: #bbcc88; 
    text-align: left;
    }

#french1 {
    width: 500px; 
    background-color: #ccbb88; 
    text-align: left;
    }

#english2 {
    background-color: #ccbb88; 
    border: 1 solid red; 
    margin-top: 20px; 
    margin-left: 165px;
    width: 170px; 
    text-align: center;
    }

#french2 {
    background-color: #bbcc88; 
    border: 1 solid blue; 
    margin-top: 20px; 
    margin-left: 165px;
    width: 170px; 
    text-align: center;
    }