body{
background: #f2a5a5;
background: linear-gradient(90deg,rgba(242, 165, 165, 1) 0%, rgba(255, 235, 235, 1) 50%, rgba(242, 165, 165, 1) 100%);
font-family: "Playfair Display", serif;
}

.fact-box {
    background-color: pink;
    border-left: 5px solid pink;
    padding: 10px;
    margin: 20px auto;
    max-width: 500px;
    border-radius: 5px;
}

.fact-box strong {
    display: block;
    font-size: 1.2;
}

h1, h2{
    color: black;
    font-size: 2.5rem;
    text-align: center;
}
h2{
    font-size: 1.5rem;   /* poznámka */
    text-align: center;
}
div.hlavni{
     max-width: 1260px;
     border: 5px solid white;  
     margin: auto;
     background: rgba(255,255,255,0.40);
 border-radius: 22px ;
}
div.menu{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-content: center;
}
div.obsah{
    
    
}
div.menu a{
          width: 300px;
       height: 45px;
       background: pink;
       color: white;
       font-size: 1.6rem;
        font-family: "Poetsen One";
      display: block;
      text-decoration: none;
      line-height: 45px;
      text-align: center;
      border-radius: 20px;
      margin: 3px;
}
div.menu a:hover{
    letter-spacing: 3px;
    font-size:1.8rem;
    transition:0.5s;
    
    
}
p{
    margin: 15px;
    

}

h3{
    font-size: 1.3rem;
    color:white;
}
ul{
      font-size: 1.6rem;
      color: black;
      line-height: 22px;
      list-style-image: url(img/odr3.png);
}
ul ul{
       font-size: 1.6rem;
       color: black;
       line-height: 22px;
       list-style-image: url(img/odr2.png);
}
ul ul ul{ 
         font-size: 1.6rem;
         color: black;
         line-height: 22px;
         list-style-image: url(img/odr2.png);
}
a{
     color: salmon;
}
a:hover{
    text-decoration: none;
    color: cyan;
    transition: 0.5s;
}
img.mini {
    border: 5px solid salmon;
    margin: 25px 50px;
    height: 180px;
    width: auto;
    transition: all 0.5s;
    box-sizing: border-box; /* důležité */
}

img.mini:hover {
    border-color: cyan; /* místo změny borderu jen barva */
    border-radius: 10%;
}
span{
    color: #D47281;
    font-weight:bold;
}

fieldset{
    border:3px solid white;
    border-radius: 25px;
    margin:20px;
}
legend{
    text-align: center;
    background:rgba(255,255,255,0.6);
    padding:5px 10px;
}



/* Globální reset box-sizingu */
.terminal-fieldset, .terminal-fieldset * {
    box-sizing: border-box;
}

/* Hlavní rámeček - nyní v pastelově růžové */
.terminal-fieldset {
    border: 2px solid #ff8da1 !important;
    background-color: #fff5f7; /* Velmi jemný růžový nádech */
    color: #333;
    font-family: 'Courier New', Courier, monospace;
    border-radius: 12px; /* Trochu kulatější pro soft vzhled */
    padding: 20px;
    box-shadow: 0 4px 15px rgba(255, 141, 161, 0.15);
    margin-bottom: 20px;
}

/* Horní cedulka */
.terminal-legend {
    color: #fff;
    background: #ff8da1; /* Růžový podklad */
    padding: 5px 15px;
    border: 1px solid #ff768d;
    border-radius: 6px;
    font-weight: bold;
}

/* Bílé tělo terminálu */
.terminal-body {
    background: #ffffff; /* Čistě bílé pozadí uvnitř */
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #ffe1e6;
}

/* Hlavička okna (světle šedá/růžová s ovládacími tečkami) */
.terminal-header {
    background: #fff0f2;
    padding: 10px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ffe1e6;
}

/* Barevné tečky (necháme klasické macovské, ty se k růžové hodí skvěle) */
.dot {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 6px;
}
.red { background-color: #ff5f56; }
.yellow { background-color: #ffbd2e; }
.green { background-color: #27c93f; }

.terminal-title {
    color: #8b7e81;
    font-size: 12px;
    margin-left: 10px;
    font-weight: bold;
}

/* Vnitřní obsah */
.terminal-content {
    padding: 20px;
    min-height: 150px;
}

/* Uživatel v terminálu - elegantní tmavší růžová/fialová */
.terminal-user {
    color: #d147a3;
    font-weight: bold;
}

/* Příkaz - tmavě šedý/černý */
.terminal-cmd {
    color: #222;
    font-weight: bold;
}

/* Šedé stavové výpisy */
.terminal-output {
    color: #99888c;
    font-size: 13px;
    margin: 8px 0;
}

/* Hlavní výsledek - stylová barva (tmavě růžová / magenta) */
.terminal-result {
    color: #b52a75;
    font-weight: bold;
    font-size: 15px;
    margin-top: 15px;
    line-height: 1.4;
}

/* Blikající kurzor - sladěný do růžové */
.cursor {
    animation: blink 1s infinite;
    font-weight: bold;
    color: #ff8da1;
    margin-left: 2px;
}

@keyframes blink {
    0%, 49% { opacity: 1; }
    50%, 100% { opacity: 0; }
}

/* Růžové tlačítko uvnitř terminálu */
.terminal-btn-container {
    text-align: center;
    margin-top: 25px;
    padding-top: 15px;
    border-top: 1px dashed #ffe1e6;
}

.terminal-btn {
    background: #ff8da1;
    color: #fff;
    border: none;
    padding: 10px 20px;
    font-family: 'Courier New', Courier, monospace;
    font-weight: bold;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s;
    box-shadow: 0 2px 5px rgba(255, 141, 161, 0.2);
}

.terminal-btn:hover {
    background: #ff6781; /* Při hoveru ztmavne */
    box-shadow: 0 4px 10px rgba(255, 103, 129, 0.4);
    transform: scale(1.03);
}