html, body {
    font-family: Arial, Helvetica, sans-serif;
    height: 100%;
    margin: 0;
    font-size: 1.3rem;
    position: relative;
    z-index: 0;
}

body::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url('kepek/hatterkep.jpg');
    background-repeat: repeat;
    background-position: center;
    opacity: 0.2;
    z-index: -1;
}


a:hover {
    color: rgb(16, 221, 43);
}

a:visited {
    color: rgb(202, 142, 231);
}


.nav-item {
    margin: 15px 20px;
    padding: 5px 10px;
    background-color: aqua;
    font-size: larger;
    border-radius: 15px;
    border: solid black 1px;
}



.activeMenu {
    background-color: blueviolet;
}

.activeMenu a, .nav-item a {
    color: white;
}

.activeMenu a:hover {
    color: black;
}





.center {
    text-align: center;
}

.kiskep {
    max-width: 70%;
    max-height: 70%;
    width: auto;
    height: auto;
}

.myvideo {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
}

.kerdes {
    padding: 5px 20px;
}

h1, .mytext, footer {
    padding: 40px 20px;
}




table, th, td {
    border: 1px solid;
    text-align: center;
}

table {
    width: 100%;
    border-collapse: collapse;
}

th.description {
    width: 60%;
}




ul.out li {
    list-style-type: square;
}

ul.in li {
    list-style-type:circle;
}




input[type=text]:focus, textarea:focus {
  border: 4px solid #3812d0;
}

textarea {
    resize: none;
}

input[type=button], input[type=submit], input[type=reset] {
  border: none;
  color: white;
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}

input[type=reset] {
    background-color: gray;
}

input[type=submit] {
    background-color: rgb(87, 87, 225);
}











#skiptocontent * {
    position: absolute;
    left: -5000px;
    overflow: hidden;
    top: auto;
}

#skiptocontent a:focus {
    height: auto;
    width: auto;
    position: static;
}