
* {
  cursor: url("https://cur.cursors-4u.net/food/foo-7/foo636.cur"), auto
}
body {
  position: relative;
}

body::after{
  content: "";
  position: fixed;
  top: 0;
  left: 30px;
  right: 30px;
  bottom: 0;
  pointer-events: none;

  border: 15px solid transparent;
  border-image: url("https://64.media.tumblr.com/7dca4b44f00656c0816484eb199210fe/176896c495d5982c-48/s400x600/21fc4f6eb19b5011877639fe7c788db2fe34d9e8.gifv") 25 round;

  z-index: 9999;
}

.sidebar{ 
  
    width:220px;
background-image: 
  url('https://64.media.tumblr.com/3c8f7340aee59d616f496bf642c627fd/tumblr_n7kxisg9mJ1snc5kxo2_500.gifv');

background-color: rgba(254, 182, 200, 0.9);

    position:absolute;
    top:250px;
    left:20px;

    z-index:115;
    font-family: 'DynaPuff', cursive;
}


.border-img{
    position:absolute;

    top:145px;
    left:400px;
    width:800px;
    height:1000px;
 opacity: 0.6;
  filter: brightness(1.1) contrast(0.9);
}


.pinkcloudybox {
height: 139px;
width: 100%;
border: 10px solid transparent;
box-sizing: border-box;
border-image: url(https://i.postimg.cc/GmzyDT0w/BAM.png) 50 round;

}

.pinkcloudyfull {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background-image: url("https://64.media.tumblr.com/c3b32b4bf4e5d72fdae8bfaa53759125/tumblr_inline_n1t6bn3UXM1qfc9y0.png");
  background-position: center;
  color: black;
    display: flex;
  justify-content: center;
  align-items: center;

}

.Welcome-img {
transform: scale(1.3)
}


.float {
font-size:2em;
color: #000;
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

@keyframes floating {
0% { transform: translate(0, 0px); }
50% { transform: translate(0, 15px); }
100% { transform: translate(0, -0px); }
}



.img-btn {
  position: relative;
  display: inline-block;
  width: 90px;
  height: 50px;
  margin: 10px;
  text-decoration: none;
}



.img-btn img {
  width: 100%;
  height: 100%;
  border-radius: 18px;
  object-fit: cover;
  display: block;
}

.img-btn span {
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  
  color:	#7B3F00;
  font-size: 14px;
  font-weight: bold;
}

.img-btn {
  position: relative;
  display: inline-block;
  transition: 0.3s;
}

.img-btn:hover {
  box-shadow: 0 0 10px rgba(254, 182, 220, 0.6),
              0 0 20px rgba(254, 182, 220, 0.4),
              0 0 30px rgba(254, 182, 220, 0.3);
  border-radius: 18px;
}

.divider-img {
  width: 500px;   
  height: 90px;
  justify-content: center;
  align-items: center;

}
.Gif {
    display: flex;
    justify-content: flex-end;
    margin-right: 90px;
}

