It's Lesson Time

<center><link href="https://fonts.googleapis.com/css2?family=Cookie&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lora:ital@1&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Calligraffitti&display=swap" rel="stylesheet">

<style>
.bg{
	background:#F5F5F5;
	background-size:cover;
	height:auto;
	width:600px;
	margin:auto;
	padding:10px;
	border:2px double #3D3C3A;
	border-radius:50px;
	box-shadow:5px 10px 5px #000;
}

.title{
	background:url('https://i.pinimg.com/736x/3b/81/65/3b8165a39ed98717c7bf759304d1ea26.jpg');
    text-align:center;
    background-size:cover;
    font-family:'Cookie';
    width:500px;
    height:90px;
    color: #000;
    font-size: 55px;
    text-shadow: 1px 2px 3px #000;
    padding: 10px;
    margin:auto;
    border:2px double #3D3C3A;
    border-radius:50px;
    box-shadow:5px 10px 5px #000;
}

.article{
	background:url('https://i.pinimg.com/736x/3b/81/65/3b8165a39ed98717c7bf759304d1ea26.jpg');
	margin:auto;
	width:500px;
	padding:30px;
	border-radius:50px;
	text-align:justify;
	border:2px double #3D3C3A;
	color:#000;
	font-family:'Lora';
	font-size:16px;
	box-shadow:5px 10px 5px #000;
}

.articletitle{
	font-size: 23px;
	font-family:'Cookie';
}

.articletitle2{
	font-size: 25px;
	font-family:'Cookie';
	font-style:italic;
}

.shit{
	color:#000;
	font-family:Magneto;
	text-align:center;
	font-size:15px;
	text-shadow:2px 3px 4px #000;
}

b,i,h2,u{
	color:#915F6D;
	text-shadow:1px 2px 3px #fff;
}
u{
	font-weight:bold;
}
</style>
<div class=bg>
<div class=title>
<div style="margin-top:20px;">Class Name</div></div>
<div class=article>
<img alt="picture" src="" style="width:150px; height:170px; object-fit:cover; margin-left:15px; float:right; border:3px solid #3A3B3C;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <b>"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. "</b> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

<p><img alt="picture" src="" style="width:150px; height:170px; object-fit:cover; margin-right:15px; float:left; border:3px solid #3A3B3C;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <b>"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. "</b> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <b>"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. "</b> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>

<div class=article>
<u>ASSIGNMENT</u><br>
Question 1<br>
Question 2<br>
Question 3<br>
Question 4
</div>

<div class=article>
<u>REQUIREMENTS</u><br>
- Assignment must be in <b>RPG Format</b><br>
- Write at least 100 words<br>
- Remember to state your sources at the bottom of the page even if you only used you imagination<br></div>

<div class=article>
<img alt="pfp" src="" style="width:150px; height:140px; object-fit:cover; margin-left:15px; margin-top:-13px; float:right; border-top:4px solid #6caf37; border-left:4px solid #6caf37; border-bottom:4px solid #fff; border-right:4px solid #fff; border-radius:25px; box-shadow:5px 10px 5px #000;">

<div class=articletitle>Teacher: <b style="color:#6caf37">Teacher Name</b><br><div class=articletitle2>If you have any queries feel free to mail me or my AT <b style="color:#000; text-shadow:2px 3px 4px #033E3E">AT Name</b> and we will help you out.</div><br><br></div>
</div><br>

<div class=shit><a href="https://alacodes.tumblr.com/" style="text-decoration:none; color:#000">Coded by Ala</a></div></div><br><br></center>