/* SPDX-License-Identifier: MIT
 *  See LICENSE for details.
*/

.warning {
    padding: 1em;
    margin: 1.0em 0;
    background-color: #ffaaaa;
    border-left: 0.5em solid #e00000;
    color: #111;
    font-size: 1.2em;
}

.warning p {
    margin-top: 0;
    margin-bottom: 0;
}


nav {
    display: flex;
    justify-content: space-around;
    justify-items: stretch;
}

nav > * {
  margin: 0.5em;
}

#search-input {
    width: 80px;
    padding: 0;
    font-size: 1em;
    border: none;
    background: transparent;
    border-radius: 0;
    transition: width 0.3s ease-in-out;
}


#search-input:focus {
    width: 200px;
}

img {
    float: left;
    margin-right: 1.5em; 
    margin-bottom: 0.5em; 
}

h1, h2, h3, h4, h5, h6 {
    /* Запретить заголовкам занимать место слева, если там есть float-элемент */
    clear: left;
}

canvas, iframe {
    width: 100%;
}

label, input[type="range"] {
  margin:10px;
  display: inline-block;
  vertical-align: middle;
}

body {
  overflow-wrap: break-word; /* Fix for breaking links in chrome */
  word-wrap: break-word;
}

blockquote {
  font-size: 0.9em;
}