@import url("style.css") screen;
@import url("vilagos.css") screen;
@import url("nyomtatas.css") print;

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    background-size: cover;
    background-attachment: fixed;
    margin: 1.25rem 0;
    font-family: Verdana, serif;
    font-size: 1.25rem;
}

h1 {
    margin: 0.625rem;
    padding-top: 0.625rem;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-weight: bold;
}

h2 {
    margin-top: 1.25rem;
    align-content: center;
    font-weight: bold;
    font-size: 1.5rem;
    justify-content: center;
}

h3 {
    margin-top: 0.625rem;
    align-content: center;
    font-weight: bold;
    font-size: 1.25rem;
    justify-content: center;
}

p {
    font-size: 1.125rem;
    margin: 0;
}

thead {
    border-bottom: 0.3125rem double black;
}

td {
    font-size: medium;
}

img,
video {
    max-width: 100%;
    height: auto;
    display: block;
}

figure {
    margin: 0;
}

.custom-box,
.link-box {
    border-radius: 0.5rem;
    padding: 1rem;
}

.table {
    border: 0.125rem solid;
    border-radius: 50%;
}

.table-size {
    max-width: 18.75rem;
}

.kicsi {
    align-content: center;
    font-style: italic;
    font-size: 0.8rem;
    justify-content: center;
    font-family: sans-serif;
}

.nagy {
    align-content: center;
    justify-content: center;
    text-align: justify;
    font-size: 1.3rem;
    margin: 0.3125rem 0 0.3125rem 0.3125rem;
}

.vonal {
    width: 95%;
    border-bottom: 0.1875rem solid;
    margin: 0.625rem auto;
}

.container {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    border-radius: 1.875rem;
    width: 90%;
    max-width: 75rem;
    margin: 0 auto;
}

#styleswitch {
    text-align: right;
    margin: 0.625rem;
}

.custom {
    font-size: 2rem;
    font-weight: bold;
}

.current {
    font-weight: bold;
    color: black;
}

.form-container {
    padding: 2rem;
    margin-top: 2rem;
    border-radius: 1.875rem;
}

.row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    min-height: 100%;
}

.center-setting {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.form-label,
.form-check {
    margin-top: 0.5rem;
}

.max-width {
    max-width: 59.375rem;
}

.btn {
    font-size: 1.3rem;
}

.hosszabb-input {
    max-width: 20rem; 
    width: 100%;
    font-size: 1rem;
    padding: 0.5rem;
}

.hosszabb-textarea {
    max-width: 40rem; 
    width: 100%;
    font-size: 1rem;
    padding: 0.5rem;
    line-height: 1.5;
    resize: vertical; 
}