body {
   color: #fff;
   font-family: "Segoe UI", Arial, sans-serif;
   text-align: center;
   user-select: none;
   padding: 0;
   margin: 0;
   overflow: hidden;
}

.image {
   padding-top: 25px;
   border-radius: 50%;
   width: 250px;
   height: 250px;
   overflow: hidden;
}

button {
   width: 50%;
   height: 50px;
   background-color: rgba(0, 0, 0, 0.25);
   outline: 0;
   border: 2px solid #fff;
   border-radius: 36px;
   display: block;
   color: #fff;
   cursor: pointer;
   min-width: 350px;
   max-width: 1000px;
   margin: 0 5px 10px;
   transition: background-color 0.5s, color 0.25s;
}

button:hover {
   color: #000;
}

.buttonText {
   font-weight: 800;
   width: 100px;
   padding: 5px;
   border-radius: 36px;
   margin: 0 auto;
   background-color: #e9e9e9;
}

.buttonTwitter {
   border-color: #008AD8;
   color: #008AD8;
}

.buttonTwitter:hover {
   background-color: #008AD8;
}

/* Add similar styles for other buttons */
.buttonTwitch {
   border-color: #6441a5;
   color: #6441a5;
}

.buttonTwitch:hover {
   background-color: #6441a5;
}

.buttonYouTube {
   border-color: #c4302b;
   color: #c4302b;
}

.buttonYouTube:hover {
   background-color: #c4302b;
}

.buttonTelegram {
   border-color: #0088cc;
   color: #0088cc;
}

.buttonTelegram:hover {
   background-color: #0088cc;
}

.buttonDiscord {
   border-color: #7289da;
   color: #7289da;
}

.buttonDiscord:hover {
   background-color: #7289da;
}

.buttonGitHub {
   border-color: #2b3137;
   color: #2b3137;
}

.buttonGitHub:hover {
   background-color: #2b3137;
}

.buttonReddit {
   border-color: #FF5700;
   color: #FF5700;
}

.buttonReddit:hover {
   background-color: #FF5700;
}

.buttonSteam {
   border-color: #2a475e;
   color: #2a475e;
}

.buttonSteam:hover {
   background-color: #2a475e;
}

.buttonBlueSky {
   border-color: #0085ff;
   color: #0085ff;
}

.buttonBlueSky:hover {
   background-color: #0085ff;
}

.buttonE621 {
   border-color: #012e57;
   color: #012e57;
}

.buttonE621:hover {
   background-color: #012e57;
}

.buttonTikTok {
   border-color: #ff0050;
   color: #ff0050;
}

.buttonTikTok:hover {
   background-color: #ff0050;
}

.buttonInstagram {
   border-color: #F56040;
   color: #F56040;
}

.buttonInstagram:hover {
   background-color: #F56040;
}

.buttonFurAffinity {
   border-color: #7b53dd;
   color: #7b53dd;
}

.buttonFurAffinity:hover {
   background-color: #7b53dd;
}

.buttonPatreon {
   border-color: #f96854;
   color: #f96854;
}

.buttonPatreon:hover {
   background-color: #f96854;
}

.buttonOnlyFans {
   border-color: #00AFF0;
   color: #00AFF0;
}

.buttonOnlyFans:hover {
   background-color: #00AFF0;
}

.bottom {
   margin-bottom: 150px;
}

.items {
   position: relative;
}

.main {
   position: relative;
   width: 100%;
   height: 99vh;
   overflow-y: scroll;
   overflow-x: hidden;
}

.username {
   font-size: 35px;
   font-weight: 600;
}

.usernameDiv {
   background-color: #2d2d2d;
   width: 150px;
   height: 50px;
   border-radius: 36px;
   margin: 0 auto 20px;
}

.copyright {
   margin-top: 15px;
   padding-bottom: 100px;
}

.link {
   cursor: pointer;
   color: #7913ff;
}

.policy {
   position: absolute;
   width: 50%;
   height: 90%;
   background-color: #2d2d2d;
   color: #fff;
   border-radius: 16px;
   top: -50%;
   left: 50%;
   transform: translate(-50%, -50%);
   overflow-y: hidden;
   min-width: 350px;
   transition: top 1s;
}

.policy_active {
   top: 50%;
   transition: top 1s;
}

.policy div {
   position: absolute;
   text-align: left;
   padding: 30px;
   height: calc(100% - 150px);
   overflow-y: scroll;
}

p {
   padding: 0;
   margin: 0;
}

.closePolicy {
   position: absolute;
   right: 5px;
   left: 5px;
   bottom: 5px;
   padding: 15px;
   border: solid 5px #8600ec;
   background-color: #8600ec;
   border-radius: 16px;
   cursor: pointer;
   height: 15px;
}

.bioContainer {
   max-width: fit-content;
   margin: 0 auto;
}

.bio {
   display: block;
   background-color: #2b3137;
   width: fit-content;
   padding: 15px;
   border-radius: 16px;
   min-width: 250px;
   margin: 0 25px 25px;
}

.boujee-text {
   --bg-size: 400%;
   --color-one: #f04800;
   --color-two: #8600ec;
   background: linear-gradient(90deg, var(--color-one), var(--color-two), var(--color-one)) 0 0 / var(--bg-size) 100%;
   color: transparent;
   background-clip: text;
   -webkit-background-clip: text;
   animation: move-bg 8s infinite linear;
}

@media (prefers-reduced-motion: no-preference) {
   .boujee-text {
       animation: move-bg 8s linear infinite;
   }
   @keyframes move-bg {
       to {
           background-position: var(--bg-size) 0;
       }
   }
}

.contact {
   text-decoration: none;
   color: #dc00ec;
}

.flex-container {
   display: flex;
   flex-direction: column;
   align-items: center;
}

@media (min-width: 1000px) {
   .flex-container {
       flex-direction: row;
       justify-content: center;
   }
}

.artdiv {
   width: 250px;
   margin: 0 auto 20px;
   border-radius: 8px;
   background-color: #2d2d2d;
   cursor: pointer;
   padding: 10px;
}

.art {
   font-size: 17px;
}

a {
   text-decoration: none;
}