<!--
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⠀⠀⢀⣠⠤⣶⣶⣤⣀⡀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣀⣠⠟⢦⣤⡄⠒⠋⠁⠀⠀⢻⡝⢧⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠉⠉⢿⡏⠀⢀⡀⠀⠀⠀⠀⠀⢷⢸⡇
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⠀⠀⠀⠀⠀⠀⠀⢸⡇⠀⠘⠃⠀⠀⠀⠀⠀⣸⣸⠃
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡴⠃⠁⠉⢳⣴⢻⣽⣟⢦⠘⠃⠀⠀⠀⠀⠀⠀⠀⢀⡿⠃⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⠁⠀⠀⠀⠋⠐⠉⠙⣿⢿⡇⠀⠀⣀⡀⠀⠀⢀⡴⣿⠃⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⢾⣄⠀⠀⠀⠀⠀⣰⠟⣽⠁⠀⣀⠓⠃⠀⢠⡞⣱⠃⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⣾⣿⣧⣦⣤⣤⡔⢋⠈⠁⠀⠀⠀⠀⠀⠀⠏⡼⠃⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠶⠀⠀⠀⢸⣻⣿⣿⣯⠟⠋⠀⠀⠀⠀⠀⠀⠀⣠⠞⠁⠀⠀⠀x .d88"                u                         @88>                            
⠀⠀⠀⠀⠀⠀⠀⠀⣞⣳⠀⠀⠀⠀⠀⠙⠛⠉⠀⠀⠀⢠⡀⢠⡄⠀⢀⡾⡯⠀⠀⠀⠀⠀⠀5888R          u.    88Nu.   u.     .u    .     %8P      u.    u.               ⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠈⠁⠀⢀⣇⠀⠀⠀⠀⠀⠀⠀⠀⠈⠀⠀⣡⡾⢋⡼⠃⠀⠀⠀⠀⠀⠀⠀'888R    ...ue888b  '88888.o888c  .d88B :@8c     .     x@88k u@88c.       u     
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⠄⠉⣠⠞⠁⠀⠀⠀⠀⠀⠀⠀⠀  888R    888R Y888r  ^8888  8888 ="8888f8888r  .@88u  ^"8888""8888"    us888u.  
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠰⣄⣸⢸⢠⡆⠀⠀⠀⠀⠀⠰⠞⠁⠰⠛⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀   888R    888R I888>   8888  8888   4888>'88"  ''888E`   8888  888R  .@88 "8888" 
⠀⠀⠀⠀⠀⠀⠀⣀⣀⣠⡽⠛⠘⢿⣥⣤⣤⣤⣀⠀⠤⠠⢤⢤⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀  888R    888R I888>   8888  8888   4888> '      888E    8888  888R  9888  9888  
⣠⠶⣿⡛⠁⠀⠉⠉⠉⠙⣿⣦⢠⣰⠚⣋⣉⣁⣀⣤⠤⣶⣫⡤⠟⠀⠀⠀⠀⠀⠀⠀⠀    888R    888R I888>   8888  8888   4888>        888E    8888  888R  9888  9888  ⠀⠀⠀
⠈⠓⠚⠿⠯⠭⠭⠭⠤⠼⠏⢹⢾⠿⠿⠟⠓⠒⠚⠋⠉⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀  888R   u8888cJ888   .8888b.888P  .d888L .+     888E    8888  888R  9888  9888 
⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⠀⢸⣼⠀⠀⠀⠸⠿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀    .888B .  "*888*P"     ^Y8888*""   ^"8888*"      888&   "*88*" 8888" 9888  9888  
⠀⠀⠀⠀⠀⠀⢀⡄⢠⡏⠀⠘⣿⠀⠀⣤⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀    ^*888%     'Y"          `Y"          "Y"        R888"    ""   'Y"   "888*""888" 
⠀⠀⠀⠀⠀⢀⡞⣤⠏⠀⠀⠀⡿⠀⠀⠀⢴⡆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀       "%                                             ""                  ^Y"   ^Y'       
⠀⠀⠀⠀⠀⣾⡾⠃⠀⠀⠀⠀⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣀⣀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⣸⠏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⡤⡶⡦⢤⣀⡴⠋⣥⣍⡻⡄⠀⠀⠀⠀⠀⠀     omg dOn't look @ me! i am so Embarassed.     
⠀⠀⠀⢠⢿⠀⠠⣶⠀⠀⠀⠀⠀⠀⠀⠀⢀⡞⣥⣾⣷⣷⣶⡝⠂⠈⠀⠘⠓⢻⠀⠀⠀⠀⠀⠀       my codes are a mess but feel free          -- code by lovrina.neocities.org
⠀⠀⠀⢸⠘⣆⠀⠀⠀⠀⠀⠀⠀⢀⡀⠀⢸⣸⣿⣿⠟⠁⠀⠀⠀⠀⠀⠀⣔⢸⠀⠀⠀⠀⠀⠀             to reference w/ credit!
⠀⠀⠀⠘⣆⠹⣆⠀⢠⡆⠀⢀⡀⠈⠁⠀⢸⠐⣿⣿⡀⠀⠀⠀⠀⢀⢠⣶⣟⠟⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠘⠫⢘⢧⣼⣷⣂⡈⠉⠀⢀⣀⡌⢧⠻⣿⣷⡀⠀⠀⠀⠨⣿⣿⠁⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠉⢉⣿⡟⠿⠥⣶⣟⣉⣁⣠⡤⠴⠖⠙⠟⣴⣀⠀⣽⡿⣳⠇⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⡴⠃⠘⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠓⠦⢤⣈⣨⡴⠋⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⢈⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
__________________________________________________________________________________________________________________________⠀⠀⠀⠀⠀⠀⠀⠀⠀
==========================================================================================================================
-->

<html>
<head>
<style>

		@font-face {
	font-family:MiniFont;
	src: url('https://lovrina.neocities.org/font/Alkhemikal.ttf');
	}
	
		html, body {
	height: 100%;   
	margin: 0;
		}
	
		body {
	background-image:url('https://lovrina.neocities.org/img/bg/lacelarger.png');
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
		}
		
		#peepo {
	font-size: 12px;
	letter-spacing: 1px;
	font-family: courier new;
	text-align: justify;
	padding: 15px;
		}
		
		.love {
	background: none;
	height: 100%;
	width: 900px;
	margin: 0 auto;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	
		}
			
			.top {
		width: 795px;
		height: 75px;
		background: #f0f1fb;
		border: solid 2px white;
		border-radius: 2px;
		display: block;
		background-image: url('https://lovrina.neocities.org/img/lace/80x80th_cloud1b.gif'), url('https://lovrina.neocities.org/img/bg/bg%20(42).png');
		background-repeat: repeat-x, repeat;
		background-position: top, bottom;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: -10px;

		}
		
				.mid {
			display: flex;
			justify-content: center;
			align-items: center;
			gap: 10px;
			margin-top: 10px;
			margin-bottom: 10px;
			}
		
				.content, .navibar {
			height: 500px;
			background: #f0f1fb;
			border: solid 2px white;
			border-radius: 2px;
			display: inline-block;
			margin: 2px;

				}
				
				.content {
			width: 600px;
			background-image: url('https://lovrina.neocities.org/img/bg/bg32.png');
			}
				
					.soft {
				width: 92%;
				height: 300px;
				background-color: rgba(255, 255, 255, 0.60); 
				margin: 8px;
				}	
				
					.heart {
				width: 60%;
				height: 120px;
				background-color: rgba(255, 255, 255, 0.60); 
				margin: 8px;
				}	
				
				.navibar {
			width: 150px;
			background-image: url('https://lovrina.neocities.org/img/bg/bg32.png');
			}
			
					.navi {
				width: 80%;
				height: 94%;
				background-color: rgba(255, 255, 255, 0.60); 

				}	
		
			.footer {
		width: 795px;
		height: 75px;
		background: #f0f1fb;
		background-image: url('https://lovrina.neocities.org/img/lace/80x80bh_cloud1b.gif'), url('https://lovrina.neocities.org/img/bg/bg%20(42).png');
		background-position: bottom, top;
		background-repeat: repeat-x, repeat;
		border: solid 2px white;
		border-radius: 2px;
		display: block;
		margin: -10px;
		margin-left: auto;
		margin-right: auto;
		}
		
	.angel {
		background-image: url('https://lovrina.neocities.org/img/png/tumblr_oibt4uMzyv1w0fh5to3_400.png');
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		bottom: 5px;
		right: -155px;
		width: 450px;
		height: 450px;
		z-index: 10;
		float: right;
		pointer-events: none;
}
</style>
</head>

<body>
<section class="love">

	<div class="top" id="peepo"> love love love love love love love
	</div>


		<div class="mid" id="peepo">
	
			<div class="navibar" id="peepo">
			
				<div class="navi" id="peepo">
				love love love love love
				</div>
			
			</div>
			
			<div class="content" id="peepo">
				
				<div class="soft" id="peepo">
				soft girl love <br>
				take it easy
				</div>
				
				<div class="heart" id="peepo">
				love love love love love love
				</div>
				
			</div>

		</div>

	<div class="footer" id="peepo">
	love love love love love love love
	</div>
	
	<div class="angel"></div>

</section>
</body>