/*====ALTALANOS====*/

* {
    
}

html {
    padding: 0px;
    margin: 0px;
}

body {
    background-color: rgb(135, 206, 250);
    padding: 0px;
    margin: 0px;
}

.container {
   
}

/*====TAGEK====*/

header {
    padding: 2px;
    margin: 0px;
    background-color: rgb(50, 140, 193);
    text-align: center;
    font-size: 1.5em;
    color: rgb(255, 255, 255);
}

article {
    background-color: rgb(27, 123, 52);
    padding: 0px 8px;
    color: #ffffff;
    text-align: justify;
    border-radius: 15px;
}

article.gyumolcs {
    
}

aside {
    background-color: rgb(205, 83, 96);
    padding: 15px;
    color: #ffffff;
    text-align: center;
    font-size: 0.84em;
    border-radius: 15px;
}

aside.tapertek {
    font-size: 1.15em;
    font-weight: bold;
}

footer {
    background-color: rgb(179, 125, 78);
    color: rgb(255, 255, 255);
    text-align: center;
    font-size: 12px;
    padding: 15px;
}

/*====MENU====*/

nav {
    padding: 8px;
}

nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

nav li a {
    display: block;
    padding: 8px;
    margin-bottom: 12px;
    color: rgb(255, 255, 255);
    background-color: rgb(143, 195, 58);
    border-radius: 15px;
    text-align: center;
    text-decoration: none;
}

nav ul li a.active {
    background-color: rgb(179, 125, 78);
}

nav li a:hover {
    background-color: rgb(146, 102, 63);
}

/*====OSZTALYOK====*/

img.gyumolcskep {
    height: auto;
    float: right;
    margin-top: 8px;
    margin-left: 15px;
    margin-bottom: 5px;
}

h2.cikkcim {
    display: table;
    text-align: left;
}

p.tartalom {
    padding: 3px;
    text-indent: 1.1em;
}

.bananszin {
    background-color: rgba(220, 178, 57, 0.85);
}

.szilvaszin {
    background-color: rgba(107, 122, 143, 0.85);
}

.eperszin {
    background-color: rgba(184, 38, 1, 0.85);
}

@media all and (min-width: 600px) {
    /*tablet*/
    nav {
  
    }
    article {
 
    }
    aside {
  
    }
    aside.tapertek {
  
    }
    article.gyumolcs {
 
    }
}

@media all and (min-width: 768px) {
    /*számítógép*/
    nav {
        flex-basis: 25%;
    }
    article {
  
    }
    aside {
  
    }
    aside.tapertek {
  
    }
    article.gyumolcs {
 
    }
}