Qualcuno/a saprebbe indicarmi del code per fare over layer su una pagina AMP?

Ovvero mi servirebbe l'analogo di questo code per es. necessario per una pagina html... solo che funzioni su una pagina AMP appunto...

codice:
<!--


OVERLAY LAYER con la x di chiusura


................................................................................................


-->


<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
  font-family: 'Lato', sans-serif; 
}


.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
}


.overlay-content {
  position: relative;
  top: 15%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}


.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 15px;
  color: #818181;
  display: block;
  transition: 0.3s;
}


.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}


.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}


@media screen and (max-height: 450px) {
  .overlay a {font-size: 10px}
  .overlay .closebtn {
  font-size:60px;
  top: 15px;
  right: 35px;
  }
}
</style>
</head>
<body>


<div id="myNav" class="overlay">


  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">X</a>


  <div class="overlay-content">


<br>


<center>


<br>
<br>




CONTENUTO OVER LAYER


  <a href="javascript:void(0)"  onclick="closeNav()"><font size=3 color=yellow>Puoi cliccare anche <u>qui</u> per chiudere OVER LAYER :)</font></a>


<br>


</font>


</center>




</div>
</div>


<span style="font-size:30px;cursor:pointer" onclick="openNav()"> <img src="APRIOVERLAYER.png" width=80 height=80></span>
<br><br>




<script>
function openNav() {
  document.getElementById("myNav").style.width = "100%";
}


function closeNav() {
  document.getElementById("myNav").style.width = "0%";
}
</script>


<!-- ' x avereover layer sempre attivo... decommentare le righe sottostanti...

<script>
document.getElementById("myNav").style.width = "100%";
</script>

--> 




</body>
</html>

Grazie