* {
    box-sizing: border-box;
  }

::selection
{
    color: aquamarine;
}

body
{
    background-color: rgb(255, 255, 255); 
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: 'Noto Sans Display', sans-serif;
    display: block;
}

a:link    { color: #000000; text-decoration: none; }
a:visited { color: #000000; }
a:active  { color: #000000; }
a:hover   { color: #0000FF; }

#nazwa
{
    height:190px;
    background-color: rgb(0, 0, 0);
    padding: 25px;
    text-align: center;
    font-size: clamp(14px, 4vw, 28px);
    color: white;
}
 
#menu
{
    width:260px;
    color: #000000; 
    float: left;
    overflow-wrap: break-word;
    padding: 10px;
    font-size: 20px;
    flex-shrink: 0;
    background: linear-gradient(207deg, rgba(183,0,255,1) 0%, rgba(255,46,0,1) 50%, rgba(255,252,0,1) 100%);
    position: absolute;
    top: 190px;
    bottom: 0;
}

#tekst
{
    /*background-color: rgb(255, 255, 255);*/ 
    float: left;
    overflow-wrap: break-word;
    padding: 25px;
    font-size: 25px;
    position: absolute;
    right: 0;
    top: 190px; /* Dopasowanie wysokości, jeśli ma być poniżej innego elementu */
    bottom: 0;
    width: calc(100% - 260px); /* Określ szerokość div'a według potrzeb */
    overflow-y: auto; /* Włącza przewijanie pionowe w elemencie tekst */
    overflow-x: hidden;
}

#zegar
{
    text-align: center; 
    float: right; 
    color: rgb(255, 255, 255);
    padding: 5px;
    font-size: 20px;
    overflow-wrap: break-word;
    display: block;
    font-family: 'Noto Sans Display', sans-serif;
}

ul {
    display: block;
    list-style-type: disc;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
}
.mode {
    float:right;
    position: relative;
}
.dark{
    background-color: #202020;
    color: #ffffff;
}
.lang {
    float:right;
    position: relative;
}