@import url(https://fonts.googleapis.com/css?family=Roboto);
html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Roboto', sans-serif; }

#container {
  display: flex;
  justify-content: center;
  margin: 40px auto;
  text-align: center; }

.disabled {
  opacity: 0; }

#videoControls, #searchBar, #playerOptions {
  margin: 1rem; }
  #videoControls input, #searchBar input, #playerOptions input {
    margin-left: 1rem; }

#videoControls button {
  font-size: 1.2rem; }

.row {
  display: flex;
  align-items: stretch; }

.col {
  display: flex;
  flex-direction: column;
  align-items: flex-start; }

h1 {
  font-size: 1.3rem;
  text-align: center; }

/*# sourceMappingURL=styles.css.map */