googleformのスクロールを無くす方法、中央揃えにする方法

前提

webコーディングを行っている初学者です。
お問合せフォームをgoogleformを使用を考えています。
googleformを作成してhtmlコードをhtml及びcssに反映させました。
①中央揃えにするためにtext-align:center;にしましたが画面の中央に来ません？
②画面表示のスライダーがフォームと画面全体のスライダーの2つが表示され、上の部分が完全に表示されていません？

わかる方がいましたら何卒、ご助力を宜しくお願いいたします。

実現したいこと

googleformを画面の中央に配置したいです。
スライダー表示を1つに又は無しにしたいです。
画面を上部のすべてを表示したいです。

該当のソースコード

html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- <link rel="stylesheet" href="css/reset.css"> -->
  <link rel="stylesheet" href="css/style.css">
  <!-- favicon -->
  <link rel="icon" href="../profile/image/Favicon Logo.png">
  <link rel="Favicon Logo.png" size="200×200" href="../profile/image/Favicon Logo.png">
  <title>お問い合わせ</title>
</head>
<body>
  <div class="wrapper">
    <iframe src="https://docs.google.com/forms/d/e/1FAIpQLScG4G26tc6OU0zy5MiiMX-yyAPcLiRK61uOOAq0Jh-Wcmiy9w/viewform?embedded=true" width="640" height="1298" frameborder="0" marginheight="0" marginwidth="0">読み込んでいます…</iframe>
  </div>
  <div class="top_container">
    <a class="top" href="../toppage/index.html">Topへ</a>
  </div>

css
body * {
  box-sizing: border-box;
}
.wrapper {
  max-width: 1300px;
  margin: 0 auto;
}
.top_container {
  text-align: center;
  margin-top: 30px;
}
.top {
  background: pink;
  border: none;
  padding: 10px 20px;
  color: white;
  font-size: 17px;
  font-weight: bold;
  border-radius: 5px;
  margin-top: 20px;
  box-shadow: 1px 1px 3px black;
  cursor: pointer;
  text-decoration: none;
}

試したこと

中央揃えにするためにtext-align:center;を行いました。
フォームのサイズを変更してみました。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

行動規範の内容に同意します

回答1件

ベストアンサー

iframeの幅が640で固定なので、100%にすると中央寄せになります。
スクロールバーが出るのは、高さが1298と設定されてますが、中身の高さより小さいためだと思われますので、それを増やせばでなくなります。
下記の設定で、中央配置、iframeのスクロールバーはなしになりました。

html
1 <div class="wrapper">
2    <iframe src="https://docs.google.com/forms/d/e/1FAIpQLScG4G26tc6OU0zy5MiiMX-yyAPcLiRK61uOOAq0Jh-Wcmiy9w/viewform?embedded=true" width="100%" height="1370" frameborder="0" marginheight="0" marginwidth="0">読み込んでいます…</iframe>
3  </div>