swsalim

<div class="te-content-box">
  <h4 class="heading">Well done!</h4>
  Aww yeah, you successfully read this <strong>important</strong> alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.
</div>

swsalim

.te-content-box {
  margin: 2rem 0;
  padding: 2rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  border-color: #bcdff1;
  background-color: #d9edf7;
  color: #31708f;
}

swsalim

html {
  font-size: 62.5% !important;
}

body {
  color: #222222;
  font-size: 1.6em; // this set default font size to 16px
  font-weight: 400;
  line-height: 1.6;
}

swsalim

//* Adding DNS Prefetching
function wp_dns_prefetch() {
echo '<meta http-equiv="x-dns-prefetch-control" content="on">
<link rel="dns-prefetch" href="//fonts.googleapis.com" />
<link rel="dns-prefetch" href="//fonts.gstatic.com" />
<link rel="dns-prefetch" href="//ajax.googleapis.com" />
<link rel="dns-prefetch" href="//apis.google.com" />
<link rel="dns-prefetch" href="//google-analytics.com" />
<link rel="dns-prefetch" href="//www.google-analytics.com" />
<link rel="dns-prefetch" href="//ssl.google-analytics.com" />

swsalim

.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
.iframe-container iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;

swsalim

<div class="iframe-container">
  <iframe width="560" height="315" src="https://www.youtube.com/embed/TgKaCY5iS_s" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>

swsalim

<iframe src="https://www.youtube.com/embed/TgKaCY5iS_s" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

swsalim

	<footer id="colophon" class="site-footer">
		<?php get_template_part( 'template-parts/footer/footer', 'widgets' ); ?>
		<div class="site-info">
			<?php $blog_info = get_bloginfo( 'name' ); ?>
			<?php if ( ! empty( $blog_info ) ) : ?>
				<a class="site-name" href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>,
			<?php endif; ?>
			<a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentynineteen' ) ); ?>" class="imprint">
				<?php
				/* translators: %s: WordPress. */

swsalim

.site-info { display:none; }

swsalim

.container {
    overflow-y: scroll;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* IE 10+ */
}
.container::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}