@import url('https://fonts.googleapis.com/css2?family=Old+Standard+TT:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital@1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;1,700&display=swap');
body {
    background-color: #F5F5DC;
    margin: 0;
    padding: 0;
}

header {
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    background-color: black;
    text-align: center;
    z-index: 1000;
}

header img {
    max-width: 100%;
    max-height: 50vh; /* Maximum magasság 10%-a a nézetablak magasságának */
    width: auto; /* A szélesség automatikusan alkalmazkodik */
    object-fit: contain; /* A kép tartalomhoz illeszkedik anélkül, hogy torzulna */
}


main {
    padding-top: 150px; /* igazítja a tartalmat, hogy ne legyen a banner alatt */
}

.navbar-color {
    background-color: #ffe89e;
}

.footer-color {
    background-color: #ffe89e;
}

.old-standard-tt-bold {
    font-family: "Old Standard TT", serif;
    font-weight: bold;
    font-style: normal;
}

.pt-serif-regular-italic {
    font-family: "PT Serif", serif;
    font-weight: 400;
    font-style: italic;
}

.ubuntu-regular {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-style: normal;
}
  
.ubuntu-bold-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
    font-style: italic;
}
  
.decoration {
    text-decoration: none;
    color: #fcb900;
}

#font {
    font-size: 17px;
}


.box-color {
    background-color: #ffe89e91;
}

.borderbg {
    background-color: #ffe89e !important; 
}


.border-orange {
    border: 1px solid #ffe89e; /*ffe89e91*/
}

.card-color {
    background-color: #ffe58e91;
}

p {
    text-align: justify;
    font-size: 16.5px;
}

#item {
    color: black;
    transition: color 0.3s, transform 0.3s;
}

#item:hover {
    color: #646464;
    transform: scale(1.1);
}

.accordion-button {
    background-color: #ffe89e91 !important;
}

.accordion {
    --bs-accordion-border-color: #ffe89e91 !important;
}

@media only screen and (max-width: 991px) {
    #item {
        color: black;
        transition: color 0.3s, transform 0.3s;
        text-align: center;
    }
    
    #item:hover {
        color: #646464;
        transform: scale(1.1);
        text-align: center;
    }
}

@media (min-width: 768px) {
    .margintop {
        margin-top: 10rem;
    }
}

@media (max-width: 767px) {
    .margintop {
        margin-top: 0;
    }
}

#editor table {
    border: 1px solid black;
}

#editor table td {
    border: 1px solid black;
}

#editor table th {
    border: 2px solid black;
}