
@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);
}

@font-face {font-family: Black Forest;}
src: url(https://angeldolly.com/fonts/Black%20Forest.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: Sorts Mill Goudy;
	font-size: 12px;
	cursor: url("https://www.rw-designer.com/cursor-view/166746.png"), default;
	cursor: url("https://www.rw-designer.com/cursor-view/166742.png"), help;
	background-image: url("https://i.pinimg.com/736x/94/fd/bb/94fdbb7af74e09d1461547796ddf51e4.jpg");
	 background-size: 1920px 1080px;
    background-repeat: no-repeat;
    background-attachment: fixed;
  	cursor: url("https://www.rw-designer.com/cursor-view/166746.png"), default;
	
}

::selection {
/* Change highlight background color */
background: #000;
/* Change highlight text color */
color: #fff;
	cursor: url("https://www.rw-designer.com/cursor-view/166748.png"), text;
	
	
}
::-webkit-scrollbar {
  width: 16px;
}

    /* Track */
::-webkit-scrollbar-track {
  background-color: transparent;
}


/* Handle */
::-webkit-scrollbar-thumb {
  background-color: #ffe0ed; 

    }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background-image: url(https://64.media.tumblr.com/tumblr_lkl6u2Pii71qfamg6.gif) ; background-repeat: repeat-y; background-color: white; margin: auto
}
    
img {
	max-width: 100%;
}

.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);
		overflow: scroll;
	
	
}

  
}
.nav-item {
	padding: 24px;
	min-height: calc(100vh - 280px);
	margin-bottom: 2rem;
		overflow: scroll;
}

.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;
background-image: url("https://64.media.tumblr.com/6fe0e4ae256af7431851c2567570f0c3/1ee8b525dee94e69-ae/s1280x1920/ed3c309901dfd9d123511431cf31e6d06a338ee9.webp");
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
  text-align: center;
   filter: blur(1px) ;
 transition: all 1s ease-out;
}


  u { 
  background-image: url("https://angeldolly.neocities.org/pic/IMG_8311.png");
  
    
}
a:visited {
  color: pink;
  	cursor: url("https://www.rw-designer.com/cursor-view/166746.png"), default;
  	cursor: url("https://www.rw-designer.com/cursor-view/166742.png"), help;
  	text-decoration: none;
  	font-family:'Sorts Mill Goudy', cursive;
  	 font-size: 15px;
}

a:hover {
color: pink;
  	cursor: url("https://www.rw-designer.com/cursor-view/166746.png"), default;
  	cursor: url("https://www.rw-designer.com/cursor-view/166742.png"), help;
  	text-decoration: none;
  	font-family:'Sorts Mill Goudy', cursive;
  	 font-size: 15px;
}

/* selected link */
a:active {
color: pink;
  	cursor: url("https://angeldolly.com/cursors/166744.png"), default;
  	cursor: url("https://angeldolly.com/cursors/166744.png"), help;
  	text-decoration: none;
  	font-family:'Sorts Mill Goudy', cursive;
  	 font-size: 15px;
  
  

}

a{
   color: black;
   text-decoration: underline;
  	cursor: url("https://www.rw-designer.com/cursor-view/166746.png"),default;
  	cursor: url("https://www.rw-designer.com/cursor-view/166742.png"), help;
  	font-family:'Sorts Mill Goudy', cursive;
  	 font-size: 15px;
  	font-weight: bold;

  
  	
}

.content {
	width: 680px;
	float: left;
	padding-bottom: 1rem;
	font-family: 'Sorts Mill Goudy', cursive;
	font-size: 15px;
	letter-spacing: 1px; /* Adds 2 pixels between each character */
	 word-spacing: 3px; /* Adds 5 pixels between each word */
	
}

.side {
	width: 250px;
	height: 50%;
	float: right;
	background-color: #ffe0ed;
}

.clear {
	clear: both;

}

.side-box {
	background-color: #ffe0ed;
	padding: 12px;
	min-height: 50px;
	border: 5px
	
}

textarea.code {
	background: #000;
	color: #FFF;
	font-family: 'Sorts Mill Goudy', cursive;
	padding: 20px;
	width: 100%;
		
	
}

.breadcrumbs {
	background: #EEE;
	display: inline-block;
	padding: 3px 6px;
	font-size: 18px;
	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;
 text-shadow: 2px 2px 4px #000000;	
}

.border {
	border: 1px solid #ba9ba9;
}

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;
 text-shadow: 2px 2px 4px #000;
}

.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: 280px;
	right: 10px;
	top: -44px;
	z-index: 500;

}
.post-content {
  	overflow: scroll;
}

.post-content img {
	max-width: 90%;
}

.muted {
	opacity: 0.3;
}

.recent-image img {
	width: 100;
	border: 0px solid;
	-webkit-animation: shadow-drop-2-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: shadow-drop-2-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	@-webkit-keyframes shadow-drop-2-center {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: translateZ(50px);
            transform: translateZ(50px);
    -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
            box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
  }
}
@keyframes shadow-drop-2-center {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: translateZ(50px);
            transform: translateZ(50px);
    -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
            box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
  }
}        
}

.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; 

 } 
 .border{
   border-style: solid;
border-width: 10px;
border-image: url("https://dl.dropbox.com/scl/fi/6wo0voidugxmgg0a81v20/lace-border-png-37013.png?rlkey=3hn4k762e8y0v6d2v6mwrtcbr&st=5o8bpex4") 60 fill round;        
 }
 
 .gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 0 15px;
}

.gallery-item {
  position: relative;
  width: calc(25% - 20px);
  height: auto;
  margin: 10px;
  cursor: url("https://www.rw-designer.com/cursor-view/166746.png"), default;
  transition: transform 0.5s ease;
   border-width: 7px;
    border-style: solid;
    border-image: url("https://dl.dropbox.com/scl/fi/6wo0voidugxmgg0a81v20/lace-border-png-37013.png?rlkey=3hn4k762e8y0v6d2v6mwrtcbr&st=5o8bpex4") 60 fill round;
    margin: 5.5px;
     filter: grayscale(80%);
     filter: grayscale(50%); drop-shadow(5px 5px 10px gray);
}

.gallery-item2 {
  position: relative;
  width: calc(25% - 20px);
  height: auto;
  margin: 10px;
  cursor: url("https://www.rw-designer.com/cursor-view/166746.png"), default;
  transition: transform 0.5s ease;
   border-width: 7px;
     filter: grayscale(80%);
     filter: grayscale(50%); drop-shadow(5px 5px 10px gray);
}

.gallery-item:hover {
  transform: scale(1.1);
  	cursor: url("https://www.rw-designer.com/cursor-view/166746.png"), auto;
  
}
.gallery-item2:hover {
  transform: scale(1.1);
  	cursor: url("https://www.rw-designer.com/cursor-view/166746.png"), auto;
  
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  align-items: center;
  justify-content: center;
  transition: opacity 0.5s ease;
}

/* Modal content (image) */
.modal-content {
  position: relative;
  width: 90%;
  height: auto;
  max-width: 90%;
  max-height: 90%;
  border-radius: 5px;
  overflow: hidden;
  animation: zoomIn 0.5s;
}

@keyframes zoomIn {
  from {transform: scale(0.6);}
  to {transform: scale(1);}
}

.modal.show {
  display: flex;
  opacity: 1;
}

/* Close button */
.close {
  position: absolute;
  top: 10px;
  right: 15px;
  color: #ffffff;
  font-size: 35px;
  font-weight: bold;
  cursor: pointer;
  transition: transform 0.3s;
}

/* Caption of modal image */
.caption {
  position: absolute;
  bottom: 15px;
  width: 100%;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
}

@media screen and (max-width: 768px) {
  .gallery-item {
     width: calc(50% - 20px);
  }
}

@media screen and (max-width: 480px) {
  .gallery-item  {
    width: calc(100% - 20px);
  }
}
.doily{
 pointer-events: none;
  width: 920px;
  margin-top: -40px;
margin-left: -20px;
  animation-duration: 153s;
  animation-iteration-count: infinite; 
        animation-name: spin;
        animation-timing-function: linear;
    }
    @keyframes spin {
        from { transform: rotate(0deg) }
        to { transform: rotate(360deg) }

}
.whitelace{
   pointer-events: none;
  width: 685px;
  
 position: absolute;
 margin-left:-400px;
 margin-top: -350px;
}
.lacier{
  position: absolute;
  left: -700px;
  top: -300px;
    z-index: -99999999999999999;
}

.ribbon{
  position: absolute;
  left: 880px;
  top: 0px;
    z-index:1;
    height: 400px;
    width: 160px;
}
.ribbon2{
    height: 500px;
    width: 200px;
    
}

.links1{
background-color: #fff;
margin: auto;
background-position: top;
padding-top: 20px;
  border:#7e0303 solid 2px;
width: 150px;
background-image: url('https://64.media.tumblr.com/e6d389e220b04d7bfcc524e59eccd3fe/e6b5291617b1b0c2-ce/s250x400/3c8b5195db3a2602ef69efbf775407c57bfbee73.webp');
background-repeat: repeat-x;
background-position: top;
overflow:hidden;

height:163px;
  border-top:black dotted 2px;
    border-left:black solid 2px;
      border-right:black solid 2px;
      	 border-image: url(https://neocities.org/site_thumbnails/26/03/angeldolly/borders/lacev2-1.png.210x158.webp) 50 fill round;
    border-style: solid;
    border-width: 9px;
}
.insidelinks{
  overflow: auto;
  width: 148px;
  height:130px;
  padding: 2px;
}
.links1 :hover{
  filter: none;

}


