html, body {
    overflow: hidden;
    padding: 0;
    margin: 0;
}

canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.content {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}

img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 115%;
    width: auto;
    opacity: 0;
}

@media (min-aspect-ratio: 4/3) {
    img {
        height: auto;
        width: 100%;
    }
}

@media (max-aspect-ratio: 3/5) {
    img {
        left: 30%;
    }
}

.icerik {
//	color: #303030;
    position: fixed;
    top: 50px;
    left: 50px;
    max-width: 100%;
//	transform: translate(-50%, -50%);
    font-family: sans-serif;
	text-align: left;
    font-size: 10vh;
    font-weight: bold;
		pointer-events: none;
}

.overlay {
	color: #303030;
//    position: relative;
//    top: 50%;
//    left: 50%;
//    max-width: 50%;
//	transform: translate(-50%, -50%);
    font-family: sans-serif;
	text-align: left;
    font-size: 5vh;
    font-weight: bold;
	pointer-events: all;
}

  /* Base link */
  a {
    text-decoration: none; /* remove underline */
    color: red; /* default color */
  //  font-weight: 500;
    transition: color 0.2s ease;
  }

  /* Unvisited link */
  a:link {
    color: #303030;
  }

  /* Visited link */
  a:visited {
    color: #303030;
  }

  /* Hover state */
  a:hover {
    color: darkred;
//    text-decoration: underline;
  }

  /* Active (clicking) */
  a:active {
    color: #303030;
  }

  /* Focus (keyboard navigation) */
  a:focus {
    outline: 2px solid #ff6600;
    outline-offset: 2px;
  }

.menuitems {
	color: #303030;
//   position: relative;
//    top: 50%;
//    left: 50%;
//    max-width: 50%;
//	transform: translate(-50%, -50%);
    font-family: sans-serif;
	text-align: left;
    font-size: 10vh;
    font-weight: bold;
		pointer-events: all;
}



@media (max-aspect-ratio: 1/1) {
    .overlay {
        left: 50%;
        width: 90%;
        max-width: 90%;
    }
}

@media (max-aspect-ratio: 3/5) {
    .overlay {
        font-size: 5vh;
    }
}