English, asked by tbell0032, 2 months ago

why is social media harmful to students topic cyberbullying an losing sleep
Paragraph

Answers

Answered by Anonymous
8

Answer:

</p><p></p><p>&lt;!DOCTYPE html&gt;</p><p>&lt;html&gt;</p><p>&lt;head&gt;</p><p>	&lt;title&gt;&lt;/title&gt;</p><p></p><p>&lt;/head&gt;</p><p>&lt;body&gt;</p><p>&lt;div class="box"&gt;</p><p>	&lt;div class="container"&gt;</p><p>		&lt;div class="branch"&gt;</p><p>			&lt;div&gt;&lt;/div&gt;</p><p>		&lt;/div&gt;</p><p>		&lt;div class="owl"&gt;</p><p>			&lt;div class="ear-l"&gt;&lt;/div&gt;</p><p>			&lt;div class="ear-r"&gt;&lt;/div&gt;</p><p>			&lt;div class="wing-l"&gt;&lt;/div&gt;</p><p>			&lt;div class="wing-r"&gt;&lt;/div&gt;</p><p>			&lt;div class="eye-l"&gt;</p><p>				&lt;div class="eyeball"&gt;&lt;/div&gt;</p><p>				&lt;div class="eyelid"&gt;&lt;/div&gt;</p><p>			&lt;/div&gt;</p><p>			&lt;div class="eye-r"&gt;</p><p>				&lt;div class="eyeball"&gt;&lt;/div&gt;</p><p>				&lt;div class="eyelid"&gt;&lt;/div&gt;</p><p>			&lt;/div&gt;</p><p>			&lt;div class="beak"&gt;&lt;/div&gt;</p><p>			&lt;div class="leg-l"&gt;&lt;/div&gt;</p><p>			&lt;div class="leg-r"&gt;&lt;/div&gt;</p><p>		&lt;/div&gt;</p><p>		&lt;a href=" / "&gt; CLICK GET ANSWER&lt;/a&gt;</p><p>	&lt;/div&gt;</p><p>&lt;/body&gt;</p><p>&lt;/html&gt;</p><p></p><p>&lt;style&gt;</p><p></p><p>body{</p><p>			background-color: #35344E;</p><p>			padding: 0;</p><p>			margin: 0;</p><p>		}</p><p></p><p>.box {</p><p>background: transparent;</p><p>width: 300px;</p><p>height: 400px;</p><p>position: relative;</p><p>top: 8%;</p><p>left: 10%;</p><p>display: block;</p><p>}</p><p></p><p>		.container{</p><p>			height: 400px;</p><p>			width: 400px;</p><p>			position: absolute;</p><p>			margin: auto;</p><p>			top:0;</p><p>			bottom: 0;</p><p>			left:0;</p><p>right:0;</p><p>		}</p><p>		.branch{</p><p>			background-color: #FC7753;</p><p>			height: 15px;</p><p>			width: 350px;</p><p>			border-radius: 0 15px 15px 0;</p><p>			position: absolute;</p><p>			top:260px;</p><p>			z-index: 1;</p><p>		}</p><p>		.branch&gt;div{</p><p>			background-color: #FC7753;</p><p>			height: 8px;</p><p>			width: 50px;</p><p>			position: relative;</p><p>			transform:rotate(-30deg);</p><p>			-webkit-transform:rotate(-30deg);</p><p>			border-radius: 8px;</p><p>			bottom: 10px;</p><p>			left:250px; </p><p>		}</p><p>		.owl{</p><p>			position: relative;</p><p>			background-color: #CFAE69;</p><p>			height: 160px;</p><p>			width: 120px;</p><p>			border-radius: 120px;</p><p>			top:125px;</p><p>			left:100px;</p><p></p><p>		}</p><p>		.ear-l,.ear-r{</p><p>			height: 0;</p><p>			width: 0;</p><p>			border-bottom: 33px solid #A6813B;</p><p>			border-right: 15px solid transparent;</p><p>			border-left: 15px solid transparent;</p><p>			position: relative;</p><p>			z-index: -2;</p><p>		}</p><p>		.ear-l{</p><p>			bottom: 10px;</p><p>			left:3px;</p><p>			transform: rotate(-20deg);		</p><p>			-webkit-transform: rotate(-20deg);			</p><p>		}</p><p>		.ear-r{</p><p>			bottom: 42px;</p><p>			left: 88px;</p><p>			transform: rotate(20deg);</p><p>			-webkit-transform: rotate(20deg);</p><p>		}</p><p>		.eye-l,.eye-r{</p><p>			height: 41px;</p><p>			width: 41px;</p><p>			background-color: #A6813B;</p><p>			border-radius: 50%;</p><p>			position: relative;</p><p>			overflow: hidden;</p><p>		}</p><p>		.eye-l:before,.eye-r:before{</p><p>			content: '';</p><p>			position: absolute;</p><p>			height: 32px;</p><p>			width: 32px;</p><p>			border-radius: 50%;</p><p>			left:4.5px;</p><p>			top:4.5px;</p><p>			background-color: white;</p><p>		}</p><p>		.eye-l{</p><p>			bottom: 190px;</p><p>			left:12px;</p><p>		}</p><p>		.eye-r{</p><p>			bottom: 230px;</p><p>			left:67px;</p><p>		}</p><p>		.eyeball{</p><p>			height: 15px;</p><p>			width: 15px;</p><p>			background-color: #424142;</p><p>			border-radius: 50%;</p><p>			position: absolute;</p><p>			top:13px;</p><p>			left:13px;</p><p>		}</p><p>		.eyelid{</p><p>			height: 50px;</p><p>			width: 50px;</p><p>			background-color: #A6813B;</p><p>			position: relative;</p><p>			bottom: 30px;</p><p>			right: 10px;</p><p>			animation: blink 2s infinite;	</p><p>			-webkit-animation: blink 2s infinite;	</p><p>		}</p><p>		@keyframes blink{</p><p>			30%{</p><p>				transform:translateY(18px);</p><p>			}</p><p></p><p>		}</p><p>		@-webkit-keyframes blink{</p><p>			30%{</p><p>				-webkit-transform:translateY(18px);</p><p>			}</p><p></p><p>		}</p><p>		.wing-l,.wing-r{</p><p>			height: 80px;</p><p>			width: 20px;</p><p>			background-color: #A6813B;</p><p>			position: relative;</p><p>			z-index: 2;</p><p>			}</p><p>		.wing-l{</p><p>			right:8px;</p><p>			top:4px;</p><p>			border-radius: 20px 0;</p><p>		}</p><p>		.wing-r{</p><p>			border-radius:0 20px;</p><p>			bottom: 76px;</p><p>			left:108px;</p><p>		}</p><p>		.beak{</p><p>			width: 0;</p><p>		height: 0;</p><p>		border-left: 12px solid transparent;</p><p>		border-right: 12px solid transparent;</p><p>		border-top: 20px solid #FFCC30;</p><p>		border-radius: 50%;</p><p>		position: relative;</p><p>		bottom: 240px;</p><p>		left:47.5px;</p><p>		}</p><p>		.leg-r,.leg-l{</p><p>			background-color: #FFCC30;</p><p>			height: 9px;</p><p>			width:20px;</p><p>			border-radius:8px; </p><p>			position: relative;</p><p>			z-index: 2;</p><p>		}</p><p></p><p>		.leg-l{</p><p>			bottom: 197px;</p><p>			left:25px;</p><p>		}</p><p>		.leg-r{</p><p>			bottom: 206px;</p><p>			left:75px;</p><p>		}</p><p>		a{</p><p>			font-family: 'Raleway', sans-serif;</p><p>			font-size: 25px;</p><p>			color:white;</p><p>			position: absolute;</p><p>			top:50px;</p><p>			left:55px; </p><p>		}</p><p></p><p>&lt;/style&gt;</p><p></p><p>

Similar questions