body {
background-image: url();
background-color: #f9e7ff;
 background-size: 1366px 768px;
  background-size: cover;
  background-attachment: fixed;
  margin: 0px;
  padding: 0px;
  color: black;
    cursor: url(), auto;
font-family: cheese;
}
 a {
    color:pink;
    text-decoration: none;
        transform: scale(1);
        filter: drop-shadow(0px 0px 1px deeppink);
  }
  a:hover {
  text-decoration: none;
   transform: scale(0.9);
}
h1 {
   border: 10px solid transparent;
    border-image: url(https://i.ibb.co/LhRCsMH1/1000026928.png) 32 round;
    border-image-outset: 0.3;
    background-origin: border-box;
  background-image: url(https://i.ibb.co/4nWQ9VG5/heartback.gif);
font-family: cheese;
font-size: 80px;
color: white;
 width: 1330px;
height: 10px;
padding: 0px;
margin: 0px;
}
sortbutton {
    margin: 0px;
  display: flex;
  justify-content: flex-start;
  background: #ffdcee;
  width: 900px;
  height: 30px;
    flex-wrap: wrap;
}
header {
  margin: 0px;
  display: flex;
  background: #ffdcee;
  width: 1345px;
  height: 30px;
    flex-wrap: wrap;
 border: #ff8ec8 3px solid;
    border-radius: 2px;
    border-top-color: #ffecf6;
    border-left-color: #ffecf6;
}
textslide {
background-color: #7540C7;
    padding: 0px;
    margin: 0px;
font-family: comic sans ms;
}
main {
background: #ffc4df;
    width: 890px;
    height: 800px;
    padding: 0px;
    margin: 20px;
    border: solid white 10px;
    border-radius: 60px;
    background-image: url(https://i.ibb.co/MxXHwS6T/stripe2.gif);
    background-repeat: no-repeat;
    background-size: cover;
}
actuallymain {
    height: 670px;
    background: #86ffe3;
    border: solid white 10px;
    display: flex;
    margin: 50px;
    margin-left: 50px;
    margin-right: 50px;
    margin-bottom: 50px;
        flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
font-family: cheese;
}
boxleft {
background: #FFFFFF;
    margin: 50px;
    margin-top: 0px;
    height: 300px;
    width: 700px;
    overflow-wrap: break-word;
     overflow-y: scroll;
     border: #ffc6e3 3px solid;
    border-radius: 2px;
    border-left-color: #ffecf6;
    border-top: none;
}
yepyep {
  display: flex;
  justify-content: space-evenly;
    margin: 50px;
    margin-top: 0px;
    height: 200px;
    width: 700px;
}
boxright {
    background: #FFFFFF;
    margin-top: 0px;
    height: 200px;
    width: 300px;
    overflow-wrap: break-word;
    overflow-y: scroll;
    border: #ffc6e3 3px solid;
    border-radius: 2px;
    border-left-color: #ffecf6;
    border-top: none;
font-family: cheese;
}
boxother {
background: #FFFFFF;
    margin-top: 0px;
    height: 170px;
    width: 500px;
    overflow-wrap: break-word;
    overflow-y: scroll;
    border: #ffc6e3 3px solid;
    border-radius: 2px;
    border-left-color: #ffecf6;
    border-top: none;
    margin-left: 10px;
font-family: cheese;
}
topbar {
  background: #ffdcee;
  width: 700px;
  margin: 50px;
  margin-bottom: 0px;
  padding: 0px;
  border: #ff8ec8 3px solid;
    border-radius: 2px;
    border-top-color: #ffecf6;
    border-left-color: #ffecf6;
    text-align: right;
    color: #ff82bc;
    font-family: cheese;
}
topbar2 {
    background: #ffdcee;
    width: 255px;
    height: 23px;
    margin-bottom: 0px;
    padding: 0px;
    border: #ff8ec8 3px solid;
    border-radius: 2px;
    border-top-color: #ffecf6;
    border-left-color: #ffecf6;
    text-align: right;
    color: #ff82bc;
    right: 6px;
    position: relative;
    margin-right: 0;
    font-family: cheese;
}
topbar3 {
    background: #ffdcee;
    width: 424px;
    height: 23px;
    margin-bottom: 0px;
    padding: 0px;
    border: #ff8ec8 3px solid;
    border-radius: 2px;
    border-top-color: #ffecf6;
    border-left-color: #ffecf6;
    text-align: right;
    color: #ff82bc;
    position: relative;
    left: 3.5px;
    font-family: cheese;
}
  ::-webkit-scrollbar {
  width: 15px;
}

::-webkit-scrollbar-track {
  background: none; 
   width: 15px;
}
::-webkit-scrollbar-thumb {
   width: 15px;
  border: #ff8ec8 3px solid;
    border-radius: 2px;
    border-top-color: #ffecf6;
    border-left-color: #ffecf6;
    text-align: right;
      background: #ffdcee;
      cursor: pointer;
}
::-webkit-scrollbar-thumb:hover {
   width: 15px;
  border: #ff8ec8 3px solid;
    border-radius: 2px;
    border-top-color: #ffecf6;
    border-left-color: #ffecf6;
    text-align: right;
      background: #ffdcee;
}

 


    .comment-form {
      background: white;
      padding: 20px;
      border-radius: 8px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
      margin-bottom: 30px;
font-family: cheese;
    }
    input, textarea {
border: 10px solid transparent;
    width: 100%;
    padding: 12px;
    margin-bottom: 12px;
    border-image: url(https://i.ibb.co/LhRCsMH1/1000026928.png) 32 round;
    font-size: 16px;
    box-sizing: border-box;
    border-image-outset: 0.3;
    background-origin: border-box;
    background-color: #f1dbff;
font-family: cheese;
color: #ff76e8;
}
  button {
    background: #ff8dd7;
    color: white;
    padding: 12px 24px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 16px;
 font-family: cheese;
}
    button:hover {
      background: white;
        animation: changeColor 2s linear infinite;

    }
    .comment {
      background: white;
      padding: 16px;
      margin-bottom: 12px;
      border-radius: 8px;
      color: #ff76e8;
     font-family: cheese;
    }
    .comment-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 8px;
    }
    .comment-name {
      font-weight: bold;
      color: #ff76e8;
   font-family: cheese;
    }
    .comment-date {
      font-size: 12px;
      color: #ea77ff;
 font-family: cheese;
    }
    .delete-btn {
      background: #ff76e8;
      color: white;
      padding: 6px 12px;
      font-size: 13px;
      border: none;
      border-radius: 4px;
      cursor: pointer;
font-family: cheese;
    }
    .delete-btn:hover {
      background: #c82333;
    }
    #comments-container {
      margin-top: 20px;
font-family: cheese;
    }
    h2 {
         font-family: cheese;
         color: #ff76e8;
}
@keyframes changeColor{
    0%{background-color: #FFA6D6;}
    10%{background-color: #FFCCA6;}
    20%{background-color: #FFF8A6;}
    30%{background-color: #D5FFA6;}
    40%{background-color: #A6FFAE;}
    60%{background-color: #A6FFD9;}
    70%{background-color: #A6FFFB;}
    80%{background-color: #A6C2FF;}
    90%{background-color: #D6A6FF;}
    100%{background-color: #FFA6E8;}
}
@font-face {
    font-family: 'cheese';
  src: url('Cheese Milky.otf')
}
@font-face {
    font-family: 'panty';
  src: url('Female Underwear.ttf')
}
@font-face {
    font-family: 'cutie';
  src: url('KINKEE__.TTF')
}