@font-face {
    font-family: basiic;
    src: url('/basiic.ttf') format('truetype');
    }
    @font-face {
    font-family: loverine;
    src: url('/newfonts/Loverine.woff');
    }

          ::-moz-selection {
        background: #FBE6ED;
      }
      ::selection {
        background: #FBE6ED;
      }
.thoughtzbody {
  background: url('/berry/sparkle/bgheartgray.png');
  background-color: #ffedf4;
}
.everlastingcontract {
  background: url('/berry/sparkle/thoughtzbg.png');
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  right: 0;
  top: 11vw;
  bottom: 0;
  margin: auto;
  height: 58vw;
  background-size: contain;
}
.thtzback {
  height:10vw;
  transform: rotate(10deg);
  position: absolute;
  top: -6vw;
  left: -5vw;
  z-index: 99;
}
.thtzback:hover {
transform: rotate(18deg);
  height: 12vw;
  margin-top: 1vw;
  left: -6vw;
}
.hkphone {
  position: relative;
  height: 60vw;
  margin-top: -11vw;
}
.hkmusic {
  position: absolute;
  left: 15vw;
  transform: rotate(-20deg);
  bottom: 3vw;
  height: 30vw;
}
.razor {
  height: 6vw;
  transform: rotate(15deg);
  position: absolute;
  right: 23vw;
  top: -7vw;
}
.thoughtzbody #background {
    position: absolute;
    height: 100%;
    width: 100%;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    filter: blur(10px);
    z-index: -1;
}
/* container for music player */
.thoughtzbody .container {
    position: absolute;
    height: 110vw;
    width: 85vw;
    margin: auto;
    top: 30vw;
    left: -5.25vw;
    right: 190vw;
    bottom: 0;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: contain;
    border-radius: 10px;
    transform: scale(0.27) rotate(-20.5deg);
}

/* container for play, pause, previous track, next track, and progress bar  */
.thoughtzbody .box {
    position: absolute;
    height: 50%;
    width: 103%;
    background: #ffedf4;
    z-index: 4;
    bottom: -17%;
}

/* album cover */
.thoughtzbody #thumbnail {
    position: absolute;
    width: 103%;
    top: -7%;
    transition: 1s;
    z-index: 3;
}

/* track artist */
.thoughtzbody .song-artist {
    position: absolute;
    z-index: 4;
    color: black;
    font-family: basiic;
    font-weight: bold;
    font-size: 6vw;
    bottom: 21%;
    left: 28%;
}

/* track title */
.thoughtzbody .song-title {
    position: absolute;
    z-index: 4;
    color: #ed44c5;
    font-family: 'basiic';
    font-size: 5vw;
    bottom: 16%;
    left: 28%;
}

/* style for play and pause images */
.thoughtzbody #play-pause {
    position: absolute;
    height: auto;
    width: 10vw;
    cursor: url('/berry/sparkle/hkpencursor.png');
    bottom: 15%;
    z-index: 4;
    font-size: 50px;
    left: 9%;
}

/* style for current time of the track */
.thoughtzbody .currentTime {
    position: absolute;
    height: 50px;
    width: 50px;
    cursor: url('/berry/sparkle/hkpencursor.png');
    bottom: 7.5%;
    left: 17%;
    z-index: 4;
    font-family: 'basiic';
    font-size: 4vw;
    color: black;
    align-items: center;
}
/* style for the total length of the track */
.thoughtzbody .durationTime {
    position: absolute;
    height: 50px;
    width: 50px;
    cursor: url('/berry/sparkle/hkpencursor.png');
    bottom: 7%;
    right: 21%;
    z-index: 4;
    font-family: basiic;
    font-size: 4vw;
    align-items: center;
    color: #ed44c5;
}

/* style for the progress bar */
.thoughtzbody #progress-bar {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    z-index: 4;
    height: 5px;
    background: #000000;
    width: 56vw;
    bottom: 5%;
    border-radius: 30px;
    left: 17%;
}

/* style for the progress bar's slider thumb */
.thoughtzbody #progress-bar::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    margin-top: -20px;
    margin-left: 0px;
    height: 3vw;
    width: 3vw;
    border: 0;
    background: #FEA5D4;
    border-radius: 30px;
    cursor: url('/berry/sparkle/hkpencursor.png');
}

/* style for the progress bar's runnable track */
.thoughtzbody #progress-bar::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: url('/berry/sparkle/hkpencursor.png');
    max-height: 5px;
    border-radius: 30px;
}
.thoughtzbody .scale-down {
  transform: scale(0.6);
  transform-origin: top left;
}
.thoughtzbody .madomagi-player,
.thoughtzbody .madomagi-player * {
  font-size: 9px;
}


/* style to remove blue shade of the progress bar when clicked on/selected */
.thoughtzbody #progress-bar:focus {
    outline: none;
}
.entries {
  position: absolute;
  height: 21vw;
  width: 16vw;
  top: 14vw;
  left: 32vw;
  overflow-y: scroll;
  /*overflow-x: hidden;*/
}
.entries iframe {
  padding: 0;
  margin-left: -1vw;
  margin-top: -1vw;
  width: 25vw;
}
.thoughtzos {
  position: absolute;
  height: 23vw;
  width: 18vw;
  top: 14vw;
  right: 29vw;
  overflow-y: scroll;
  overflow-wrap: break-word;
}
html {
 cursor: url('/berry/sparkle/hkcursor.png'), auto; 
}
button, a, a:hover, select, select:hover, input, input[type=range] {
  cursor: url('/berry/sparkle/hkpencursor.png'), auto;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.thoughtzbody h1 {
  font-family: basiic;
  text-decoration: underline;
  margin: 0.1vw;
  color: #ed44c5;
  text-align: center;
  font-size: 2.3vw;
  text-shadow: 0 0 3px white, 0 0 5px white, 0 0 9px white;
}
.thoughtzbody h2 {
  font-family: basiic;
  text-decoration: underline;
  margin: 0.1vw;
  color: #ed44c5;
  text-align: center;
  font-size: 1.7vw;
  text-shadow: 0 0 3px white, 0 0 5px white, 0 0 9px white;
}
.thoughtzbody time {
  font-family: loverine;
  color: #f298c6;
  text-shadow: 0 0 1px white, 0 0 2px white, 0 0 3px white, 0 0 4px white, 0 0 5px white, 0 0 7px white, 0 0 9px white;
  font-size: 1.3vw;
}
.thoughtzbody hr {
  margin-left: 0.5vw;
  margin-right: 0.5vw;
  border: none;
  border-top: 2px dashed #f298c6;
}
.thoughtzbody p {
  color: #544a4e;
  font-family: loverine;
  font-size: 1.4vw;
  margin: 0.1vw;
  margin-bottom: 0.35vw;
  line-height: 1.5vw;
}
.comment {
  display: flex;
  gap: 0.5vw;
  margin-top: 1vw;
  font-family: basiic;
  font-size: 1vw;
  color: #ed44c5;
}
.comment img {
  height: 5vw;
}
.whiteborder {
  border: 8px solid transparent;
  border-image: url('/graphics/whiteborder.png') 11 round; 
  background-color: white; 
  background-clip: padding-box;
  width: 10vw;
}
.thoughtzbody .dash {
  border: 2px dashed #f298c6;
  padding: .5vw;
}
.thoughtzbody figcaption a {
  color: #544a4e;
  text-decoration-style: dashed;
  font-family: loverine;
  font-size: 1.3vw;
}
.thoughtzbody figcaption a:visited, .entries a:hover {
  color: #ed44c5;
}
.thoughtzbody figcaption a {
  color: #544a4e;
  text-decoration-style: dashed;
  font-family: loverine;
  font-size: 1.3vw;
}
.thoughtzbody figcaption a:visited, .entries a:hover {
  color: #ed44c5;
}
.thoughtzos a {
  color: #544a4e;
  text-decoration-style: dashed;
}
.thoughtzos a:visited, .entries a:hover {
  color: #ed44c5;
}



    
    
    
    
    
    /*
                                                                .....     .  ..                         
                                                            ..--...........                         
                                                      . ...-%-..-***#%%##%%%-... .                  
                                                    ...*#****-.-.-****#%%*****%#..                  
                                                  ..:%*******--...-****#%%****%**%..                
                                                  +#****##%#*-...-.-****#%****#**#*%-:.             
                                               ..%***********=.-....-****#******#*-:..-             
                                              ..%#%**********#-...::.--=+****#*#*-.....:            
                                              .%*********#####+..-..........:-#*-......-            
                                             .%*****%%%######-.-...............:.......::           
                                            ..#**%%###%#####-..........................:+%..        
                                            .#*%##########*.................:.......-..:+*#*        
                                           ..%#######**%*@::..........%.+.*=.%.:.......-***#%...    
                                           ..%#####******#%=:.......::%%%%@%@*.........=%**%*%..    
                                           ...%%#*#%%#***##@-......-#%%#@...%-........-#*#*%*#-.    
                                             ....%**##%%%*#@......:@:**@@:...-.......:****#%**%.    
                                             ..#*#**%***+**@@....:@..**@@@*.@.......:#**%*%***%.    
                              ...  . ..... ..-#***#%*****=***....-:..***.@@@-......+*#**#%****#=    
                         .....*%%%###%%%*....+#***##***%+.-:.....#....==+**=......:**#*#%*****##    
                     ......#%*************#%...%%%%%%%.:-........# . ...*+........%**#%******%##    
                     ....#*%*****************%......  .-..--.....-..............:.%%%##########*    
                     ..=##%*****##*********%***%.....  .::....:.................:%############%=    
                     .%**%****#*****#####*****#*%=...    .----..............:-:%######%%%%%###%:    
                  ...%**#%#*#***%***********%**#*#*..    .....---.......:--.=%%####%#######%%#%.    
                  ..%#**%%*####*****#*********#**##*.... .. ....    .......%%%%%%%###%%###%*%#%.    
                  .#*#**%%#########%#..   ..*%**%#*#=--.......:--....:-...%%%%%%%####%##%%***%*.    
                  .%*#***%#######%.. ..    . ..%*#-:.....................+%#%%%%#%####%%****#%...   
                  ##*****%%#%###%...          ..:=...--....................%#%%%%%%%#******#*%..    
                  %*#*%***%%###%+..            ..:..:=-......................###*********%***%.     
                  %*#******%%##%-..            .-....::.=......................%******##*****#..    
                  %#***#*****%%%#...           .-...-..=+-......................%#*%#*****##%.      
                  *%*%**#*****%%%...           .-...=:.-=:.......................%****#%#**%:..     
                  .%**%**#******%%..           .-..=--..+........................-#*****#%....      
                  .#%**#***%******%%...       ...-..=.............................*%%%%+.           
                  ..%***#****#*******%=..   ..-..-............-.......:.................-           
                   .:%***#*****%*******#%.. .-...............-----::::.......---........-.          
                  ...*%***%******##***%:....-..............--... .  .-..........-........:          
       . .*%-... .    #%*#**#*******#%.. .:............:--:::..    ..-..........-........-          
       ..:%***%... ...#%**%#*#*****%:...:-..........--:::::::-..   ..-.......- :.........-          
     ...+%*****#-%%%*#*#***#%**%**%....-..........--.-::::::::-.   ..-.......-.-........::          
..  ...%#****#**%#***%******%***#%..:-...........-...-:::::::::- . ..-........-.........-..         
... +%*****#**%..#***%**#***#***%..-............-. ...-:::::::::-..  -........--.......:-.          
 ..%%%%%%***%+.. %***#**#***#%*%..-...........:-..   .-::::::::::-.. ::........--......-.           
...%%%%**%**=. ..%**#***#***%.%..-:..........:-. .    .-::::::::::-...-........-.--...-.            
 ..%%%%%****....#***#***#***#....-..........--..     ...-::::::::::-:.-.........-..---. .           
.. .%%%%%%%%:..*#**#****#**%.   .-........:-..         ..-::::::::::--:.........:-....              
.   .%%%%%%%%%%************=.   .-......:-:...           .-::::::::::.--.........::..               
    ..-%%%%%%%%%%%#****#**#.     -....--...                .:--------..-:.........-..               
    . ... .... .  ...:%%*#..    ..---..   .                     ..  .  ....:------:                 
                     ........                                                                       
                                                                                                    
                                                                                                    */