I'll always be watching over you neocities layout

<html>
  <head>
<meta charset="utf8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- favicon & title -->
<title>Entrusting These Feelings to You</title>
<link rel="shortcut icon" href="https://i.postimg.cc/vHjNvwB6/computer.gif">

<!--

I'll always be watching over you neocities layout

if you need help, just ask me on my tumblr blog: https://www.tumblr.com/amalfigintonic/

Don't remove the credits in the code!

PSD used for the graphics: https://www.deviantart.com/d4ms3l/art/Scintilla-of-blue-psd-962894466

-->


<style>

a:link{
color: #E4E5FF;
cursor: crosshair;
text-decoration: underline;
font-weight: none;
}

a:hover{
color: #B4B7F0;
cursor: crosshair;
text-decoration: underline;
font-weight: bold;
}

a:visited{
color:#B4B7F0;
text-decoration: underline;
font-weight: none;
}

/****** tabs ******/

#title{
height: 15px;
margin-top: 0.5em;
background-image: url('https://i.postimg.cc/3xnXH4r8/11.png');
border: #B4B7F0 solid 1px;
padding: 0.1em;
}

#box{
height: auto;
border: #B4B7F0 solid 1px;
margin-top: 0.5em;
padding: 0.1em;
}


/****** body ******/

body{
background-color: black;
color: #E4E5FF;
font-size: 0.9em;
cursor: crosshair;
}

/****** containers ******/

.header{
border: #B4B7F0 solid 1px;
border-bottom: none;
width: 550px;
margin-left: auto;
margin-right: auto;
margin-top: 1.5em;
}

.cont{
border: #B4B7F0 solid 1px;
width: 550px;
margin-left: auto;
margin-right: auto;

}

.nav{
background-image: url('https://i.postimg.cc/3xnXH4r8/11.png');
border: #B4B7F0 solid 1px;
width: 513px;
margin-top: 0.5em;
margin-left: auto;
margin-right: auto;
padding: 0.1em;
text-align: center;
}

.div{
border: #B4B7F0 solid 1px;
width: 518px;
margin-top: 0.5em;
margin-left: auto;
margin-right: auto;
padding: 0.5em;
margin-bottom: 0.5em;
}

</style>
</head>
<body>

<div>

<div class="header">
<img src="https://i.postimg.cc/k5qW8M26/text2-1.png" width="550px">
</div>

<div class="cont">

<div class="div">

<div class="nav">
<a href="/">link</a> | <a href="/">link</a> | <a href="/">link</a> | <a href="/">link</a> | <a href="/">link</a> | <a href="/">link</a> | <a href="/">link</a> | <a href="/">link</a> | <a href="/">link</a> | <a href="/">link</a>
</div>

<div id="title">
about the site
</div>

<div id="box">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut orci metus, sodales nec tempor hendrerit, interdum sit amet turpis. Cras in sodales odio. Integer viverra quam ac posuere bibendum. Praesent in velit non ex ultrices venenatis id quis dolor. Aenean commodo, ex non dictum sodales, leo nulla ultricies justo, et finibus tortor mauris in urna. Nunc ac lectus nec nisl efficitur euismod sed at sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse placerat lorem eu tempor malesuada. In semper porta augue, a dignissim justo elementum nec.
</div>

<div id="title">
updates here
</div>

<div id="box">
Donec enim ex, laoreet et enim nec, faucibus viverra ante. Fusce vehicula neque id tempor tempus. Nunc blandit eros in malesuada hendrerit. Duis porttitor enim nec diam suscipit hendrerit pulvinar in elit. Aliquam vitae diam et mauris pulvinar aliquam ac sed neque. Sed consequat felis eu lorem maximus, ac imperdiet ligula egestas. Suspendisse pulvinar nisl justo, ac sodales magna ultricies quis. Donec lacinia urna in quam laoreet luctus. Ut venenatis eros vel vulputate tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;
</div>

<div id="title">
put whatever you want here
</div>

<div id="box">
Integer hendrerit tortor tortor. Mauris diam eros, molestie et eros nec, faucibus convallis neque. Praesent at purus nibh. Cras eget ultricies metus, vitae malesuada ex. Aliquam eu orci volutpat, semper augue vel, pellentesque felis. Aenean nulla libero, rhoncus eu fermentum nec, imperdiet at magna. Integer ac volutpat arcu. Curabitur dictum facilisis ipsum, eu eleifend nibh malesuada sed. Morbi tempor volutpat condimentum. Quisque ante odio, malesuada non sollicitudin et, eleifend a risus. Donec fringilla lacus ac mauris gravida lacinia. Aenean quis ex at lorem varius faucibus. Curabitur ac lobortis nulla. Curabitur venenatis eros pulvinar, interdum enim sed, molestie lectus. Sed feugiat elit sed eros dapibus, sed ornare enim eleifend.
</div>

</div>

</div>

</div>
</body>
</html>