/**
 * RetroArch Web Player
 *
 * This provides the basic styling for the RetroArch web player.
 */

/**
 * Make sure the background of the player is black.
 */
.webplayer-container {
  background-color: black;
}

/**
 * Disable the border around the player.
 */
canvas.webplayer {
  border: none;
  outline: none;
}

.fa.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg); }
    to { transform: scale(1) rotate(360deg); }
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

textarea {
    font-family: monospace;
    font-size: 0.7em;
    height: 95%;
    width:  95%;
    border-style: none; 
    border-color: Transparent; 
    overflow: auto;
    resize: none;
}