@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'article-example';
  src: url('../../../fonts/Poppins-Regular.woff');
  font-display: swap;
}

#frame {
	position:relative; width:100%; height:100%;
	padding-bottom: 45%;	margin: 30px auto;
}

.attention-p {
	display:block;
	text-indent: 0px!important;
	padding: 1px 25px!important; margin:5px -15px!important;
	border-left: solid 6px red ;border-right: solid 6px red;
	border-bottom: solid 3px red; border-top: solid 3px red;
	background-color: #FFEEEE;
}
.example-list {
	display:block;
}
.example-list div+div {
  margin-top:25px;
}

.around-the-letter {
	border:solid 2px #BEBEBE; 	border-radius: 8px;
	padding: 6px 16px; margin: 0px 3px 0px 12px;
	text-align: justify!important;
}.around-the-letter:first-child {
	margin-top:40px;
}.around-the-letter:last-child {
	margin-bottom:40px!important;
}
.around-the-letter:hover {
	background-color:whitesmoke;
	border-color: black;
  transform:scale(1.01);
  -webkit-transform:scale(1.01);
  -moz-transform:scale(1.01);
  -ms-transform:scale(1.01);
  transition: ease-in 0.25s;
}
.around-the-letter .h4-letters {
	margin:5px;
	font-size:20pt; font-family: 'article-example';
	text-align: center;
}
.around-the-letter p {
	color:black;
  font-size:14pt; line-height: 1.5; font-family: 'article-example';
  hyphens: auto;  white-space:pre-wrap;
  word-spacing: -2px;
}

.used-a-lot {
	font-size:13pt; font-weight: bold; font-style: italic;
	color:brown;
}.used-a-lot:hover {
	color:green;
}


@media screen and (max-width : 1100px ){
#frame {
	padding-bottom: 55%;
}
}


@media screen and (max-width : 780px ){
#frame {
	padding-bottom: 100%;
}
}

@media screen and (max-width : 690px ){

#frame {
	padding-bottom: 90%!important;
}

.around-the-letter {
	padding: 6px 6px; margin: 0px 2px 0px 2px;
	text-align: justify;  hyphens: auto;
}.around-the-letter:hover {
	transform:scale(1.01);
  -webkit-transform:scale(1.01);
  -moz-transform:scale(1.01);
  -ms-transform:scale(1.01);
}

.around-the-letter p {
  word-wrap:break-word;  white-space:pre-line;
  word-spacing: -3px; letter-spacing: -0.10pt;
}


}




