<!--
2015 - 2016 (c) Marcel Kapfer (mmk2410)
Licensed under MIT License
-->
<style is="custom-style">
:root  {
    --dark-primary-color: #1976D2;
    --default-primary-color: #2196F3;
    --light-primary-color: #64B5F6;
    --color-gray: #fafafa;
    font-family: "Roboto", sans-serif;
}

paper-toolbar {
    background-color: var(--default-primary-color);
}

paper-drawer-panel {
  --paper-drawer-panel-main-container: {
    background-color: var(--color-gray);
  };
}

paper-drawer-panel {
  --paper-drawer-panel-left-drawer-container: {
    background-color: white;
  };
}

paper-material {
  border-radius: 2px;
  padding: 16px;
  width: 50%;
  margin: 16px auto;
  background: white;
}

iron-autogrow-textarea, #input {
  word-break: break-all!important;
}

p {
  word-wrap: break-word;
}

@media screen and (max-width: 800px) {
  paper-material {
    width: 75%:
  }
}

@media screen and (max-width: 640px) {
  paper-material {
    width: calc(95% - 32px);
  }
}

</style>