Blog_PHP/assets/css/styly.css

:root {
    --my-brown: brown;
    --my-red: red;
    --my-black: black;
  }
  
  footer {
    position: fixed;
    bottom: 0;
  }
  
  body {
    background-image: url(../../img/005.jpg);
    background-size: 100%;
    max-width: 1200px;
    margin: auto;
    margin-bottom: 25px;
    /* obrázek na pozadí */
    background-attachment: fixed;
    /* pozadí neroluje */
    /*background-color: black;  /* případná barva pozadí černá */
    /*color: white; } /* bílý text */
  }

  li {
    color: brown;
  }
  
  li a {
    color: brown;
  }

  @media screen and (max-width: 600px) {
    body {
      width: calc(100% - 16px);
      background-image: url(../../img/005.jpg);
    }
  }
  
  /*flebox*/
  .flexbox {
    display: flex;
    justify-content: flex-start;
    gap: 45px;
  }
  
  /* <style> */
  a.tlacitko {
    /*border-bottom : 1px solid #D1D1D1;*/
    background-color: transparent;
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    width: 160px;
    /* padding: 0px 5px 0px 5px; */
    color: #666666;
    /* margin: 0px 10px 0px 10px; */
    /* display: block; */
  }
  
  a.tlacitko:link {
    text-decoration: none;
    color: var(--my-brown);
  }
  
  a.tlacitko:visited {
    text-decoration: none;
    color: var(--my-red);
  }
  
  a.tlacitko:hover {
    text-decoration: none;
    /*border-bottom : 1px solid orange;*/
    color: var(--my-brown);
  }
  /* </style> */
  .dot {
    list-style-type: none;
  }
  
  @media screen and (max-width: 600px) {
    .flexbox {
      flex-direction: column;
    }
    .menu {
      order: -1;
    }
  
    .text-obsah {
      order: 1;
    }
  }
  
  @media screen and (max-width: 600px) {
    .clock {
      display: flex;
      display: none;
    }
  }
  
  
  /* ˇO mě */
  .obsah {
    flex-direction: column;
    background-color: rgba(250, 250, 250, 0.576);
    text-align: center;
    border-radius: 50px;
  }
  
  /* Zvětšení písma */
  .tlacitko {
    transition: font-size 0.3s ease;
  }
  .tlacitko:hover {
    font-size: 20px;
  }
  
  p {
    transition: color 0.3s ease;
  }
  
  p:hover {
    color: var(--my-brown);
  }


  /* Rozbalovací menu */

  #toggle-list {
    background-color: #efbdc0;
    border-radius: 10px;
  }

  .collapsible-list {
    list-style-type: none;
    padding: 0;
}

.content {
    padding: 0 18px;
    display: none;
    overflow: hidden;
    background-color: #efbdc0;
}

#toggle-list1 {
  background-color: #efbdc0;
  border-radius: 10px;
}

.collapsible-list1 {
  list-style-type: none;
  padding: 0;
}

.content1 {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #efbdc0;
}