/*Ez az alap cssfile az összes belső oldalhoz*/

@font-face {
    font-family: roboto;
    src: url(../fonts/Roboto/Roboto-Regular.ttf);
}

@font-face {
    font-family: roboto-b;
    src: url(../fonts/Roboto/Roboto-Bold.ttf);
}

@font-face {
    font-family: roboto-l;
    src: url(../fonts/Roboto/Roboto-Light.ttf);
}

@font-face {
    font-family: roboto-i;
    src: url(../fonts/Roboto/Roboto-Italic.ttf);
}

@font-face {
    font-family: roboto-li;
    src: url(../fonts/Roboto/Roboto-LightItalic.ttf);
}

@font-face {
    font-family: roboto-bi;
    src: url(../fonts/Roboto/Roboto-BoldItalic.ttf);
}

:root {
    --site-color-01: #c13587;
    --site-color-01-hover: #ce4b97;
    --menu-count: 5;
}

* {box-sizing: border-box;}

html {
    font-size: 62,5%;
}

body {
    background-color: #152a9d; 
}

.main {
    background: linear-gradient(to bottom right, #0066ff, #249ced, #0066ff);
    /*background: linear-gradient(to bottom right, #ffffe6, #fff, #ffe6ff);*/
    margin-top: 30px;
}

h1 {
    text-align: center;
    text-shadow: 1px 1px 4px #000;
    padding: 15px 0 10px;
    max-width: 100%;
    margin: 0 auto;
}

.alcim {
    line-height: 30px;
    text-align: center;
    text-shadow: 1px 1px 4px #000;
    font-size: 1.6rem;
    color: #fff;
}

p {
    color: #001a4d;
    font-family: roboto, georgia;
    text-shadow: none;
}

.error-list li {
    color: red;
    font-size: 1.2rem;
    text-align: center;
}

.succes-list li {
    color: green;
    font-size: 1.2rem;
    text-align: center;
}

.oldal {
    width: 100%;
    background: linear-gradient(to bottom right, #cce5ff, #f7fcff, #a3e0ff);
    padding-top: 1.5%;
    padding-bottom: 1.5%;
}

.wrapper {
    width: 95%;
    margin: auto;
}

.paragraph { 
    text-align: center;
    color: #001a4d;
    font-family: roboto-b, georgia;
    text-shadow: none;
    font-size: 1.3rem;
}

input[type=checkbox] {
    -webkit-appearance: checkbox; /* Safari, Chrome stb. */
    -moz-appearance: checkbox; /* Firefox */
    appearance: checkbox; /* Egyéb böngészők */
}

input[type=number] {
    border: 1px solid #ccc;
    background: #f1f1f1;
    border-radius: 8px;
    color: #001a4d;
}

input[type=number]:focus {
    background: #fff;
}

label {
    font-size: 1.1rem;
    font-family:  roboto, georgia;
    color: #001a4d;
    text-shadow: none;
}

.mobile {
    display: none;
}

.bigscreen {
    display: block;
}


/* Mobil verzio */
@media only screen and (max-width: 768px) {
    
    .mobile {
        display: block;
    }
    
    .bigscreen {
        display: none;
    }
    
    
    
}