@font-face {
font-family: micro;
src: url(https://files.catbox.moe/psto5i.otf);
}

* {
font-family: micro;
  font-weight: normal !important;
}

.views-count {
  color: #F2F5EA;
  padding-top: 10px;
}

.owner-info, .publish-timestamp, .edit-timestamp, #theme-toggle {
display: none;
}

.site-footer {
display: none;
}

.button, button {
color: #F2F5EA;
background-color: transparent; 
  padding: 0px;
}

.button:hover {
background-color: transparent;
  color: #F2F5EA;
}

.container-base {
  width: 400px;
background-color: #0f0f0f; 
  border-radius: 2px;
  color: #F2F5EA;
   border: solid #0f0f0f 4px;
   font-size: 14px;
   font-size: 20px !important;
  box-shadow: 0px 0px 7px 9px #0f0f0f;
 overflow: hidden;
  padding: 30px;
  padding-bottom: 50px;
}


.paste-container {
width: 400px;
  position: relative;
  padding-left: 0;
  padding-right: 0;
    height: 100% !important;
  padding-bottom: 10px;
}

.site-header {
padding-bottom: 10px;
}

body {
background-color: black;
     height: 100% !important;
  align-items: center; 
  justify-content: center; 
align-items: center !important;
}

.footer-row {
padding-top: 20px;
}

.center {
 margin: 0 auto;
display: grid;
place-items: center;
 justify-content: center;
}

.fullwrap {
margin-left: -145px;
display: grid;
}
    
   .cd-container {
      position: relative;
      width: 200px;
      height: 200px;
    }

    .cd-wrapper {
      padding-top: 2px;
      position: absolute;
      width: 200px;
      height: 200px;
      transform: translateX(20px); 
      transition: transform 0.5s ease;
      z-index: 1;
    }

    .cd {
      width: 210px;
      height: 210px;
      background: transparent url('https://files.catbox.moe/jkp1p3.png') center/cover;
      border-radius: 50%;
      animation: spin 2s linear infinite;
    }

    @keyframes spin {
      0%   { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }

    .case {
      position: absolute;
      width: 235px;
      height: 215px;
      background: transparent url('https://files.catbox.moe/rvhre8.png') center/cover;
      border-radius: 0px !important;
      z-index: 2;
    }

    .fullwrap:hover .cd-wrapper {
      transform: translateX(135px);
    }

.parag {
    text-align: justify;
    opacity: 0%;
    background-color: black;
    position: absolute;
    scrollbar-width: none;
    transition: 300ms ease;
    display: block;
    width: 207px;
    height: 209px;
    color: white;
    transition: 400ms ease-in-out;
    padding: 8px;
    overflow: auto;
     z-index: 90;
    margin-left: 25px;
    margin-top: 3px;
  font-size: 16px !important;
}
    
.parag:hover {
     opacity: 90%;
    transition: 500ms ease;
}

    .parag:hover .cd-wrapper {
      transform: translateX(140px) !Important;
    }

.site-header p {
color: #F2F5EA;
 
}

.site-header svg {
color: #F2F5EA;
}

.site-header a {
color: #F57D99;
}

a {
color: #F57D99;
}

.bg {
background: white;
color: #030200;
 padding-left: 2px;
 padding-right: 2px;
padding-top: 1px;
padding-bottom: 1px;
 font-size: 16px;
}