


body {
    background-color: #f1c40f;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100vh;
    overflow-x: hidden;
}



.door {
    background-color: #000;
    background-image: url("../img/bo-play.png");
    width: 50%;
    height: 100%;
    transition: all 5s;
    position: relative;

}

.leftDoor{
     width: 150px;
    height: 100%;
    background: -webkit-repeating-linear-gradient(-45deg, black 2%,#f1c40f 15%,black 20%); /* For Safari 5.1 to 6.0 */
     background: -o-repeating-linear-gradient(-45deg, black 2%,#f1c40f 15%,black 20%); /* For Opera 11.1 to 12.0 */
     background: -moz-repeating-linear-gradient(-45deg, black 2%,#f1c40f 15%,black 20%); /* For Firefox 3.6 to 15 */
     background: repeating-linear-gradient(-45deg, black 2%,#f1c40f 15%,black 20%); /* Standard syntax (must be last) */
 }

.rightDoor{
    width: 150px;
    height: 100%;
    background: -webkit-repeating-linear-gradient(45deg, black 2%,#f1c40f 15%,black 20%); /* For Safari 5.1 to 6.0 */
    background: -o-repeating-linear-gradient(45deg, black 2%,#f1c40f 15%,black 20%); /* For Opera 11.1 to 12.0 */
    background: -moz-repeating-linear-gradient(45deg, black 2%,#f1c40f 15%,black 20%); /* For Firefox 3.6 to 15 */
    background: repeating-linear-gradient(45deg, black 2%,#f1c40f 15%,black 20%); /* Standard syntax (must be last) */
}

.buttonDoor {
    color: #fff;
    background-color: red;
    border-radius: 100%;
    width: 200px;
    height: 200px;
    z-index: 9999;
    position: absolute;
    cursor: pointer;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: calc(50% - 100px);
    border: 5px solid #ccc;
}

.buttonDoor:hover{
    color: #f1c40f;
}


.em3 {
    font-size: 3em;
}

.iconWrapper {
    display: table;
    width: 100%;
    height: 100%;
}

.iconIn {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

/****** HEADER ******/
header{
    height: 150px;
    background-color: #00cc66;
}
/****** HEADER ******/


/****** SECTION ******/
.boxRow{
    font-size: 0;
}
.one{
    background-color: black;
    height: 100%;
}

.buttonIn {
    color: #fff;
    background-color: #ccc;
    border-radius: 100%;
    width: 200px;
    height: 200px;
font-size: 25px;
    position: relative;
    cursor: pointer;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: calc(50% - 100px);
    border: 5px solid #ccc;
}
/****** SECTION ******/