body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background-color: #fd4a21;
}

#content {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.embreve {
    width: 10vw;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: -webkit-transform 2s; 
    transition: transform 2s; 
}

.embreve:hover {
    -webkit-transform: rotate(360deg); 
    transform: rotate(360deg); 
}

.back-button {
    height: 2vw;
    position: absolute;
    top: 2vw;
    left: 2vw;
    -webkit-transition: -webkit-transform 1s; 
    transition: transform 1s; 
}

.back-button:hover {
    -webkit-transform: rotate(360deg); 
    transform: rotate(360deg); 
}


@media only screen and (orientation: portrait) {

    .embreve {
        width: 15vh;
    }

    .back-button {
        height: 3vh;
        top: 3vh;
        left: 3vh;
    }
}