<!DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>. a i s h i t e r u .</title>
      <link href="01.css" rel="stylesheet" type="text/css" media="all">
<link href="https://fonts.cdnfonts.com/css/thegoodmonolith" rel="stylesheet">

 
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color: #2c2c2c; 
	font-size: 12px;
	line-height: 22px;
  letter-spacing:1px;
  overflow: hidden;
  font-family: georgia;
  cursor: help;
background-color: #eed6ff;
opacity: 0.8;
background-size: 15px 15px;
background-image: repeating-linear-gradient(45deg, #c0b5ef 0, #c0b5ef 1.5px, #eed6ff 0, #eed6ff 50%);
}
  
/* width */
::-webkit-scrollbar {
  width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
  background: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: transparent;
  border: 3px double #e99aff;
 }
  ::-moz-selection { /* Code for Firefox */
  color: #fff;
  background: #b7c3ff;
}

::selection {
  color: #fff;
  background: #b7c3ff;
}
/***For Other Browsers ***/
::-o-selection {
    background-color: #b7c3ff;
    color: #fff;
}

::-ms-selection {
    background-color: #b7c3ff;
    color: #fff;
}

/*** For Webkit ***/
::-webkit-selection {
    background-color: #b7c3ff;
    color: #fff;
}
  
#content {
	width: 1980px;
	position: fixed;
	top: 0px;
  bottom: 0px;
	min-height: 1280px;
	background-image: url("https://file.garden/aFwglnzhSyC2gexg/test1.png");
  background-repeat: no-repeat;
	float: left ;	
  overflow: hidden;
 }

#side {
	margin-top: 80px;
  margin-left: -700px;
	width: 300px; 
	position: absolute;
  overflow: none;
	}
  
a{
	text-decoration:none;
	color: #6b83ff;  
  cursor: help;
  font-size:14px;
  font-style: italic;
  line-height: 14px;
  padding:0px;
font-family: 'thegoodmonolith';
  text-transform: uppercase;
  letter-spacing:2px;
  opacity: 100%;
  text-shadow: 2px 0px 0px #ffffff;
	} 

a:hover {
	text-decoration:none;
	color: #e99aff;
  background-color: transparent;
  cursor: help;
  font-size:14px;
  font-style: italic;
  line-height: 14px;
  padding:0px;
font-family: 'thegoodmonolith';
  text-transform: uppercase;
  letter-spacing:3px;
  opacity: 100%;
  text-shadow: 0px 1px 3px #e99aff;
}
  
h1 {
font-family: 'thegoodmonolith';
  letter-spacing: 2px;
  color: #6b83ff;
  font-size: 24px;
  font-style: italic;
  text-align: center;
  line-height: 20px;
  text-transform: none;
  border:1px solid #6b83ff;
  text-shadow: 2px 1px 1px #fff;
  background-color: #c9daf8;
opacity: 0.8;
background-image:  radial-gradient(#8085de 0.9px, transparent 0.9px), radial-gradient(#8085de 0.9px, #c9daf8 0.9px);
background-size: 36px 36px;
background-position: 0 0,18px 18px;
	}    
  
a.navigation:link, a.nav:visited, a.nav:active {
	color : #6b83ff;  
	letter-spacing: 1px;
	display : block; 
  	height:15px;
    text-transform: uppercase;  
    font-style: none;
  	font-size:15px;
    line-height:16px;
    font-weight: bold;
  	width: 230px;
    margin: 3px;
    text-align: center;
background-color: transparent;
  border-left:4px solid;
  border-bottom:1px solid;
font-family: 'thegoodmonolith';
padding:3px;        
}

a.navigation:hover {
	color : #6b83ff;  
	letter-spacing: 2px;
	display : block; 
  	height:15px;
    text-transform: uppercase;  
    font-style: none;
  	font-size:15px;
    line-height:16px;
    font-weight: bold;
  	width: 230px;
    margin: 3px;
    text-align: center;
  opacity: 40%;
background-color: #fff;
font-family: 'thegoodmonolith';
padding:3px; 
  
}
  header {
  font-family: 'thegoodmonolith';
  letter-spacing: 2px;
  color: #6b83ff;
  font-size: 18px;
  font-style: italic;
  font-weight: bold;
  text-align: center;
  line-height: 20px;
  text-transform: uppercase;
  border-bottom:3px double #6b83ff;
  border-right:4px solid #6b83ff;
    border-top:3px double #6b83ff;


  text-shadow: 2px 1px 1px #e99aff;
  }

b,strong {
          color: #fff;
font-family: 'thegoodmonolith';
	font-size: 20px;
  letter-spacing:0px;
	font-weight: bold;
  text-transform: uppercase;
  text-shadow: 0px 0px 5px #000;
	}

i, em	{ 
	color: #899dff;   
  font-family: georgia;
	font-size: 14px;
  font-weight: bold;
  letter-spacing:1px;
  text-shadow: 2px 2px 0px #fff;
	}

u 	{
	color: #e99aff;
font-family: georgia;
	font-size: 16px;
	font-weight: bold;
  font-style: italic;
  letter-spacing:1px;
  text-transform: lowercase;
	border-bottom:1px solid #6b83ff;
	} 
  textarea {
    border:3px double #6b83ff;
    background: transparent;
    font-family: 'thegoodmonolith';
    font-size: 12px;
    color: #555555;
  }
 .column {
  float: left;
  width: 45%;
  padding: 16px;
}

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
}
.ImageBorder
{
    border:3px double #6b83ff;
  padding: 2px;
}
  
</style></head>

<body>
<div id="content">
  
<div style="position: absolute; top: 505px; left: 970px; height: 200; width: 240px;overflow: hidden;" id="side">
  <header>nav #1</header>
<a class="navigation" href="https://blissth.neocities.org/">link here</a> 
<a class="navigation" href="https://blissth.neocities.org/">link here</a>
<a class="navigation" href="https://blissth.neocities.org/">link here</a>
<a class="navigation" href="https://blissth.neocities.org/">link here</a>
<a class="navigation" href="https://blissth.neocities.org/">link here</a>
<br>
  
    <header>nav #1</header>
<a class="navigation" href="https://blissth.neocities.org/">link here</a> 
<a class="navigation" href="https://blissth.neocities.org/">link here</a>
<a class="navigation" href="https://blissth.neocities.org/">link here</a>
<a class="navigation" href="https://blissth.neocities.org/">link here</a>
<a class="navigation" href="https://blissth.neocities.org/">link here</a>
<br>
  
</div>
	
<div align="justify" style="solid; background:transparent; border-collapse: collapse; overflow:auto; padding:11px; position:absolute; width: 638px; height: 615px; left: 540px; top: 280px;"> 

  <h1>♡ layouts</h1>
  <center>
Okay so this layout I actually made a couple years ago. Scrapped it because there was just something off about it that I didn't really like? It's been sitting on my PC just collecting dust, so I figured I'd just make it into a layout! The header font for this layout is called, <i>The Good Monolith</i>, I also use it on my main site. I just <b>LOVE</b> this font I wanted to use it again lol. I promise next layout, I will NOT use this font! Actually, I think next layout I'll make it more dark/gothic looking. I also really want to try a different coding style. Like one where I don't have to rely on a scrollbar type frame. As always, please read the rules and instructions below!</a><br><p>
  
 <h1>♡ text examples</h1>
  <center>
    <b>This is Bolded text</b><br>
    <i>This is italic</i><br>
    <u>This is underline</u><br>
    <a href="http://blissth.neocities.org">This is a link!</a><br>
    HIGHLIGHT ME!<br>
    <textarea>this is a little text box where you can write anything inside it! isn't it cute????</textarea><br>
  </center>
  
 <h1>♡ rules + instructions</h1>
  <b>1.</b> **Please do not steal this code and claim it as your own**<br>
  <b>2.</b> Please do NOT use my code as your base code to redistribute<br>
  <b>3.</b> Please keep the layout credits, or mention me <i>somewhere</i> on your page as the creator, thanks... ;__;<br>
  <b>4.</b> Feel free to change any colors/fonts to your liking for you website. If you come across any issues shoot me a message!<br>
  <b>5.</b> No pressure, but consider donating to my <a href="https://ko-fi.com/renbunny">Ko-Fi</a>! I make all my layouts and graphics in my free time, and I believe sharing is caring so I don't want to ever be that person who charges like $50+ for one layout.</a><br>
  </div>
  
<div align="justify" style="solid; background:transparent; overflow:hidden; padding:10px; position:absolute; width: 395px; height: 1260px; left: 0px; top: 912px;"> 
  <a href="http://blissth.neocities.org">Layout by Ren</a><br>

</div>

  </div>
  
  <script type="text/JavaScript">
//Script courtesy of BoogieJack.com
var message="NoRightClicking";
function defeatIE() {if (document.all) {(message);return false;}}
function defeatNS(e) {if 
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers) 
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=defeatNS;}
else{document.onmouseup=defeatNS;document.oncontextmenu=defeatIE;}
document.oncontextmenu=new Function("return false")
</script>
 </body>
</html> 