@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');
@font-face {font-family: angel;
src: url(https://angeldolly.neocities.org/fonts/exmouth_.ttf);
}
/* latin-ext */
@font-face {
  font-family: 'Sorts Mill Goudy';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sortsmillgoudy/v16/Qw3AZR9MED_6PSuS_50nEaVrfzgEbH80g7s_xPE.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sorts Mill Goudy';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sortsmillgoudy/v16/Qw3AZR9MED_6PSuS_50nEaVrfzgEbH80jbs_.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Sorts Mill Goudy';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sortsmillgoudy/v16/Qw3GZR9MED_6PSuS_50nEaVrfzgEbHQEj6M7.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sorts Mill Goudy';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sortsmillgoudy/v16/Qw3GZR9MED_6PSuS_50nEaVrfzgEbHoEjw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Monsieur La Doulaise';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/monsieurladoulaise/v20/_Xmz-GY4rjmCbQfc-aPRaa4pqV340p7EZm5XyEAk4A.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Monsieur La Doulaise';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/monsieurladoulaise/v20/_Xmz-GY4rjmCbQfc-aPRaa4pqV340p7EZm5ZyEA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
	margin: 0;
	padding: 0;
	font-family: lucida grande,verdana,arial,helvetica;
	font-size: 12px;
	cursor: url("https://cur.cursors-4u.net/nature/images4/nat399.gif"), auto;
	background-image: url("https://i.pinimg.com/736x/94/fd/bb/94fdbb7af74e09d1461547796ddf51e4.jpg");
	 background-size: 1920px 1080px;
    background-repeat: no-repeat;
    background-attachment: fixed;

	
}

::selection {
/* Change highlight background color */
background: #000;
/* Change highlight text color */
color: #fff;
}


img {
	max-width: 50%;
}

.outer {
	width: 1000px;
	margin: auto;
	position: relative;
}

.header {
	background: #666;
	width: 100%;
	height: 160px;
	border: 3px inset gray;     
	background-image: url(https://i.pinimg.com/736x/28/02/7b/28027b13914dec1d311ab2f046804aa3.jpg);
	background-size: 100% 220px;
}

.white {
	background: #ffe0ed;
	border: 1px solid black;
	padding: 24px;
	min-height: calc(100vh - 280px);
	margin-bottom: 2rem;
}

.nav-item {
	background: #ffe0ed;
	display: inline-block;
	border: 1px solid #000;
	position: relative;
	padding: 12px 24px;
	bottom: -1px;
}

.nav-item.active {
	border-bottom: 1px solid #FFF;
}
.nav a:hover{

  animation-name: flo;
color: #fff;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
  text-align: center;
   filter: blur(1px) ;
 transition: all 1s ease-out;
}

.content {
	width: 680px;
	float: left;
	padding-bottom: 1rem;
	font-family: 'Sorts Mill Goudy', cursive;
	font-size: 15px;
	
}

.side {
	width: 250px;
	height: 100%;
	float: right;
}

.clear {
	clear: both;
}

.side-box {
	background: #EEE;
	padding: 12px;
	min-height: 200px;
}

textarea.code {
	background: #000;
	color: #FFF;
	font-family: 'Sorts Mill Goudy', cursive;
	padding: 12px;
	width: 100%;
	
}

.breadcrumbs {
	background: #EEE;
	display: inline-block;
	padding: 3px 6px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #666;
	font-family: 'Sorts Mill Goudy', cursive;
}

.breadcrumbs a {
	text-decoration: none;
	color: #666;
	font-weight: bold;
}

.nav a {
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 11px;
	font-weight: bold;
	font-family: 'Sorts Mill Goudy', cursive;
	
}

h1 {
	background: #000;
	color: #FFF;
	font-size: 10px;
	font-weight: bold
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 3px 6px;
	font-family: 'Sorts Mill Goudy', cursive;
border: 3px inset gray;     
    	
}

h2 {
	font-size: 30px;
	border-bottom: 1px dotted #000;
	margin-top: 2rem;
	
}

.border {
	border: 1px solid #000;
}

h2 a {
	text-decoration: none;
	color: #000;
}

.nav-item.nav-top {
	border: none;
}

.site-title {
	color: #FFF;
	margin-top: 40px;
	margin-left: 70px;
}

.site-title a {
	color: #FFF;
	text-decoration: none;
	font-family: 'Monsieur La Doulaise', cursive;
	font-size: 65px;
 
}

.update {
	display: inline;
	margin-right: 24px;
}

.updates {
	font-size: 11px;
	margin-top: 6px;
	margin-bottom: 3px;
	font-family: 'Sorts Mill Goudy', cursive;
}

.yasu {
	position: absolute;
	width: 302px;
	right: -2px;
	top: -105px;
}

.post-content img {
	max-width: 90%;
}

.muted {
	opacity: 0.3;
}

.recent-image img {
	width: 50px;
	border: 1px solid;
}

.sidebar {
	border: 0;
	width: 100%;
	height: 750px;
}

hr {
	border: 0;
	border-bottom: 1px dotted black;
	margin: 2rem 0;
}

table {
	border-collapse: collapse;
}

th, td {
	padding: 6px 12px;
	border: 1px solid #000;
    vertical-align: top;
}

th {
	background: #EEE;
	color: black;
}

table.border-0 th, table.border-0 td {
    border: 0;
    
}

.border-0 {
    border: none;
}

table img {
	max-width: 10%;
}
.text{
     transition: 0.5s;
   }
   
.text:hover{
  letter-spacing: 7px;
}

   .pic1{ 
 position: absolute; 
 z-index: 2; 
 top: 0px; 
 left: -300px; 

 }