:root {
    --blue: rgb(21, 108, 158);
    --white: #ffffff;
}
html, body {
    overflow-x: hidden; /* Zabráni horizontálnemu posúvaniu celej stránky */
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


*{
    scroll-behavior: smooth;
}

.hiddenleft {
    opacity: 0;
    transform: translateX(-100px); /* Posunutie dolu */
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.showleft {
    opacity: 1;
    transform: translateX(0);
}

.hiddenright {
    opacity: 0;
    transform: translateX(100px); /* Posunutie dolu */
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.showright {
    opacity: 1;
    transform: translateX(0);
}

.hiddenbottom {
    opacity: 0;
    transform: translateY(100px); /* Posunutie dolu */
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.showbottom {
    opacity: 1;
    transform: translateX(0);
}