@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..700;1,100..700&display=swap');

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 2.5rem !important; 
}

html {
    font-size: 1rem;
}

body {
   
    background: #000;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
.navbar {
    margin: 0;
    padding: 1rem 0;
}
.navbar-brand img {
    max-height: 55px;
}
.navbar-dark {
    background: rgba(0,0,0,0.75) !important;
}
.hero-wrapper {
    height: 100vh;
    background: url(/img/hero1.webp);
    background-position: center; /* aby bol obrázok vycentrovaný */
    background-repeat: no-repeat; /* aby sa obrázok neopakoval */
}
@media(max-width: 767px) {
    .hero-wrapper {
        background-size: auto 100%;
    }
}

.btn-registration {
    background: linear-gradient(135deg, #00f2fe, #4facfe);
    display: inline-block;
    color: #000 !important;
    font-weight: 500;
    text-decoration: none;
    padding: 0.5rem 1rem;
    border-radius: 2rem;
}