<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body>
    <h5>Control - Original &lt;iframe&gt;</h5>
    <iframe src="https://docs.google.com/document/d/1s2nOQZ39dKD-hsmox5twmmKKkuXzOopT1eXFbMh5DeE/pub?embedded=true"></iframe>
   <hr> 
    <h5>&lt;iframe&gt; - embedded=false</h5>
    <iframe src="https://docs.google.com/document/d/1s2nOQZ39dKD-hsmox5twmmKKkuXzOopT1eXFbMh5DeE/pub?embedded=false"></iframe>
    <hr>
    <h5>&lt;embed&gt; - embedded=false</h5>
    <embed src="https://docs.google.com/document/d/1s2nOQZ39dKD-hsmox5twmmKKkuXzOopT1eXFbMh5DeE/pub?embedded=false">
    <hr>
    <h5>&lt;object&gt; - embedded=false</h5>
    <object data='https://docs.google.com/document/d/1s2nOQZ39dKD-hsmox5twmmKKkuXzOopT1eXFbMh5DeE/pub?embedded=false'></object>
  </body>

</html>

// Code goes here


/* Styles go here */

iframe,
embed,
object {
  width: 100%;
  height: 100%;
}

hr {
  border-bottom-color:red;
}
h5 {
  margin-bottom: 10px;
  color: tomato;
}