.container {
    width: 100%;
    text-align: center;
    font-family: sans-serif;
    cursor: pointer;
}

.header {
    width: 50%;
    font-size: 50;
    padding: 20px 0px 20px 0px;
    margin: 10px auto 10px auto;
    color: #3b444b;
    font-weight: bold;
    text-align: center;
}

.trigger {
    width: 50%;
    font-size: 40;
    padding: 20px 0px 20px 0px;
    margin: 10px auto 10px auto;
    background-color: #104E8B;
    color: #cccccc;
    border: 0px;
}

.you {
    width: 50%;
    background-color: #104E8B;
    color: #cccccc;
    float: left;
    font-size: 30;
    padding: 20px 0px 20px 0px;
    margin: 10px 0px 10px 0px;
}

.computer {
    width: 50%;
    color: #104E8B;
    background-color: #cccccc;
    float: right;
    font-size: 30;
    padding: 20px 0px 20px 0px;
    margin: 10px 0px 10px 0px;
}
.subWindow{
    display: none;
}
.subWindowBlock{
    display: block;
}

.selection {
    width: 50%;
    font-size: 25;
    padding: 20px 0px 20px 0px;
    margin: 10px auto 10px auto;
    color: #3b444b;
    font-weight: bold;
    text-align: center;
}
.choices{
    width:50%;
    padding: 20px 0px 20px 0px;
    margin: 10px auto 10px auto;
}
.img {
    width:33%;
    float: left;
}
.img:hover{
    transform: scale(1.1);
}

.clear {
    clear: both;
}