/* Custom de la page */
/* width */
::-webkit-scrollbar {
  width: 15px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #fff2f6;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #f7b2c5;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #dcb2f7;
}

textarea::-webkit-scrollbar {
    width: 5px;
}

*::selection {
  background: #d4f7cb;
  color: #e3a3be;
}


body{
	cursor: url("https://64.media.tumblr.com/1f81b6e806e268f3b3b8bd1bafffcac0/e619323abe72d535-81/s75x75_c1/e21fc878ea0ab7d8eb48bfdfcf155320ef2baf13.pnj"), auto;
	font-family: font;
	line-height: 1.5;
	background-image: url("home/background2.jpg");
	color: #82676e;
}

a{
	text-decoration: none;
	font-size: 20px;
}
.link1:hover{
	background-color: #f7c3d1;
	border-radius: 10px;
}
.link2:hover{
	background-color: #deb0ff;
	border-radius: 10px;
}
.link3:hover{
	background-color: #b0f4ff;
	border-radius: 10px;
}
.link4:hover{
	background-color: #d5ffb0;
	border-radius: 10px;
}

/* font */
@font-face {
	font-family: font;
	src: url(Winkle-Regular.ttf);
}
@font-face {
	font-family: title;
	src: url(Starborn.ttf);
}
p{
	font-family: font;
	font-size: 20px;
}

.playlist{
	position: relative;
}
.bc{
	border-radius: 20px;
	position: absolute;
}
.playlist img{
	position: absolute;
	left: 20px;
	top: 50px;
	-webkit-animation: rotating 5s linear infinite;
	-moz-animation: rotating 5s linear infinite;
	-ms-animation: rotating 5s linear infinite;
	-o-animation: rotating 5s linear infinite;
	animation: rotating 5s linear infinite;
}

.container {
	max-width: 1110px;
	margin: 0 auto;
	background-image: url("https://64.media.tumblr.com/5d0780ab645b499a62108dd6bd4f5565/tumblr_inline_ml7ycfE7pg1qz4rgp.gif");
	border: 1mm ridge rgb(156 146 150 / 0.5);
	position: relative;
}

.banner{
	width: 100%;
	height: 337px;
	background-color: white;
	position: relative;
}

/* Marquee */
marquee{
	width: 100%;
	padding-top: 2px;
	padding-bottom: 2px;
	display: block;
	line-height: 0
}
marquee img{
	height: 50px;
	border: solid white;
	border-width: 0px;
}

.up {
	margin: 0;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.gallery {
  display: flex;
  gap: 10px;
  min-width: 0;
}
.auto {
	background-color: pink;
	min-width: 0;
	position: relative;
}
.pdp{
	width: 23%;
	background-image: url("https://i.pinimg.com/736x/59/15/28/5915284e6c58802c63bc8d4d0cf956b8.jpg");
	border: 1mm ridge rgb(156 146 150 / 0.5);
}

.description {
	width: 50%;
	background-image: url("home/paper.jpg");
	border: 1mm ridge rgb(156 146 150 / 0.5);
	padding-bottom: 20px;
}
.random {
	position: relative;
	width: 27%;
	text-align: center;
	padding: 10px;
	border: 1mm ridge rgb(156 146 150 / 0.5);
	background-image: url("https://i.pinimg.com/1200x/2a/12/23/2a1223624f525939caee294b6c256f53.jpg");
}
.center{
	text-align: center;
	padding-top: 15px;
}

.description p{
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 50px;
}
.cafe{
	font-family: title;
}
.drink{
	text-align: center;
}
.thought{
	width: 85%;
	height: 200px;
	padding-top: 10px;
	background-image: url("https://i.pinimg.com/1200x/a9/b8/4f/a9b84f064daefed174e7f1721b6677fc.jpg");
	margin-left: auto;
	margin-right: auto;
	overflow:scroll;
    overflow-x:hidden;
	border: 1mm ridge rgb(156 146 150 / 0.5);
}

.pdp p{
	padding-left: 20px;
}
.link{
	background-image: url("home/link.jpg");
}
.link a{
	color: #6d5378;
}

.rin {
  position: absolute;
  top: 20px;
  left: 88%;
  width: 150px;
  height: 216px;
  z-index: 9999;
  background-image: url("home/rin.gif");
}
.rin:hover{
	width: 120px;
	height: 233px;
	left: 90%;
	background-image: url("home/rin2.gif");
}
.test{
	position: absolute;
	background-color: black;
	width: 100%;
	height: 100%;
}
.todo{
	width: 80%;
	height: 100px;
	background-image: url("https://i.pinimg.com/736x/29/ef/2d/29ef2d71d18f64577069280754b54e3d.jpg");
	margin-left: auto;
	margin-right: auto;
	line-height: 1.2;
	border: 1mm ridge rgb(156 146 150 / 0.5);
}

.divider img{
	height: 20px;
}


/* down */
.down {
	margin: 0;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.chat {
  width: 3;
  background-image: url("https://i.pinimg.com/736x/59/15/28/5915284e6c58802c63bc8d4d0cf956b8.jpg");
  border: 1mm ridge rgb(156 146 150 / 0.5);
  box-sizing: border-box;
  overflow: hidden;
}

.chat iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}


.neighbours{
	flex: 5;
	height: 320px;
	background-image: url("https://i.pinimg.com/736x/08/14/c9/0814c990fd22de8794933643282295f6.jpg");
	border: 1mm ridge rgb(156 146 150 / 0.5);
}

.sites{
	width: 87%;
	overflow:scroll;
    overflow-x:hidden;
	height: 200px;
	padding-left: 5px;
	padding-right: 5px;
	background-image: url("https://i.pinimg.com/736x/7e/ef/5b/7eef5bd5c42a370f135889d780180b69.jpg");
	margin-left: auto;
	margin-right: auto;
	border: 1mm ridge rgb(156 146 150 / 0.5);
}

.ad{
	position: relative;
	flex: 2;
	text-align: center;
	border: 1mm ridge rgb(156 146 150 / 0.5);
	background-image: url("https://i.pinimg.com/1200x/2a/12/23/2a1223624f525939caee294b6c256f53.jpg");
}



.tumblrwob {
display:flex;
flex-wrap:wrap;
justify-content:center;
white-space:pre;
font-size: 2em;
font-family: title;
padding-top: 10px;
padding-bottom: 10px;
}

.wobble:nth-child(4n+1) {
-webkit-animation:tumblrwobble 4s ease-in-out -.5s infinite;
animation:tumblrwobble 4s ease-in-out -.5s infinite
}

@keyframes tumblrwobble{
0%  { transform:translateY(5%) skew(3deg) }
25% { transform:translateY(-5%) }
50% { transform:translateY(5%) skew(-3deg) }
75% { transform:translateY(-5%) }
to { transform:translateY(5%) skew(3deg) }
}

@-webkit-keyframes tumblrwobble{
0%  { transform:translateY(5%) skew(3deg) }
25% { transform:translateY(-5%) }
50% { transform:translateY(5%) skew(-3deg) }
75% { transform:translateY(-5%) }
to { transform:translateY(5%) skew(3deg) }
}

.wobble:nth-child(4n+2){
-webkit-animation:tumblrwobble 4s ease-in-out -1s infinite;
animation:tumblrwobble 4s ease-in-out -1s infinite;
}

.wobble:nth-child(4n+3){
-webkit-animation:tumblrwobble 4s ease-in-out -1.5s infinite;
animation:tumblrwobble 4s ease-in-out -1.5s infinite;
}

.wobble:nth-child(4n){
-webkit-animation:tumblrwobble 4s ease-in-out 0s infinite;
animation:tumblrwobble 4s ease-in-out 0s infinite;
}


.message{
	background-color: #ffe8ef;
	border: 2px solid #8c6b75;
	border-radius: 20px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin: 10px auto;
}
.message p {
    text-align: left;
    margin: 10px;
	color: #8c6b75;
	font-size: 18px;
}


@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}