html{
	margin-top: 50px;
	overflow-x: hidden;
	font-family: "DotGothic16",sans-serif;
	color: #000039;
 	background-color:#ff6633 ;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
}
body{
  width:100%;
  height:100%
}

.container {
   margin:0 auto;
   text-align: center;

  width: 100%;
  max-width: 70%;
  margin-right: auto;
  margin-left: auto;
}


h1 {
  font-size: 50px;
  /* 豌ｴ蟷ｳ譁ｹ蜷代�荳ｭ螟ｮ謠�∴ */
  text-align: center;
    color: #000039;
  text-shadow:5px 5px 0 #FFF, -5px -5px 0 #FFF,
              -5px 5px 0 #FFF, 5px -5px 0 #FFF,
              0px 5px 0 #FFF,  0-5px 0 #FFF,
              -5px 0 0 #FFF, 5px 0 0 #FFF;
}

.img-box{
   margin:0 auto;
   text-align: center;
  }
  
 
    
      .box1{
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    margin-left:  0;
    margin-right: 0;
    height: 400px;
    font-weight: bold;
    border: solid 5px #000000;
    background-color: rgba(215 213 208 / 0.5);
   overflow-y: scroll;
    }
  
  .box1 p {
    margin: 0; 
    padding: 100;
}

  iframe{
  border-radius:0.5em;
  }