@import 'https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,700,800,900&display=swap';
@import 'https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i';
* {
 margin:0;
 padding:0;
 box-sizing:border-box;
 font-family:roboto,
 sans-serif
}
body {
 background-color:#282828;
 font-size:1rem;
 background-image:url(/kep/hatter.webp);
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center center;
 background-attachment:fixed
}
div {
 color:#fff
}
li {
 margin-left:20px
}
footer {
 left:0;
 bottom:0;
 width:100%;
 background:0 0;
 color:#fff;
 text-align:center;
 font-size:.8rem
}
.focim {
 font-size:30px
}
.rp-focim {
 font-size:30px;
 text-decoration:underline
}
.alcim {
 font-size:20px
}
.cim-wrap {
 display:flex;
 justify-content:center;
 align-content:center
}
.cim {
 display:flex;
 flex-flow:column;
 align-items:center;
 padding:1rem;
 margin:1rem 0;
 background:0 0;
 min-width:60%;
 max-width:90%;
 border-radius:1px;
 background: rgba(55,55,55,90%);
}
.fogalmak {
 padding:30px;
 margin:50px;
 text-align:left;
 background:rgba(55,55,55,80%);
 border-radius:1px;
 text-decoration:dashed
}
.cim a{
  color: white;
}