@font-face {
  font-family: 'Galmuri';
  src: url('https://files.catbox.moe/2a0mcw.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

body {
  background-image: url(https://external-media.spacehey.net/media/sCcGOw9S_hhrnQAYAMoJzv_DvzKHqty3PtFWljvhPtk0=/https://files.catbox.moe/4p0b0k.gif);
  background-attachment: fixed;
  background-repeat: repeat;
  font-family: 'MS UI Gothic', 'Galmuri';
  -webkit-font-smoothing: none;
  text-rendering: geometricPrecision;
  font-size: 10px;
  color: #675950;
  display: block;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin: auto;
}

::-webkit-scrollbar {
    width: 8px;
    height: 7px;
    background: none;
}

::-webkit-scrollbar-thumb {
    background-color: #FFE0E4;
    border: 1px dotted #7c431c;
}

textarea {
  border: 1px dashed #7C431C;
  width: 80px;
  height: 25px;
  font-size: 10px;
  color: #675950;
  font-family: 'MS UI Gothic';
  outline: none;
}

textarea::selection {
  background: #FFE0E4;
}

textarea::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background: transparent;
    cursor: pointer;
}

textarea::-webkit-scrollbar-thumb {
    background-color: #FFE0E4;
    border: none;
}

p {
  margin-top: -2px;
}

.p-under {
  margin-top: 1px;
}

.p-under1 {
  margin-top: 7px;
  font-size: 10px;
}

.k-under {
  margin-top: 7px;
  font-family: 'Galmuri', monospace;
  font-size: 10px;
  line-height: 10px;
  letter-spacing: 0;
  -webkit-font-smoothing: none;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeSpeed;
  image-rendering: pixelated;
  display: block;
  transform: none;
}

.hidden {
  display: none;
}

.visible {
  display: block;
}

::selection {
  background: #FFE0E4;          
}

a {
  text-decoration-color: #9E7345;
  color: #675950;
  font-family: 'MS UI Gothic';
}

a:hover {
  color: #7C431C;
}

u {
  text-decoration-color: #faf0f6;
}

code {
  background-color: #faf0f6;  
  color: #675950;       
  border-radius: 1px;
  padding: 0 1px;
  font-family: 'MS UI Gothic';
}

mark {
  background-color: #faf0f6;  
  color: #675950;
  padding: 0 4px;        
  border-radius: 3px; 
}

marquee {
  width: 95px;
  color: #7C431C;
  margin-bottom: 4px;
  margin-top: 8px;
}

.button-text {
  font-family: 'MS UI Gothic';
  font-size: 10px;
  color: #7C431C;
  justify-content: center;
  align-items: center;
}

.lace {
    width: 100vw;
    height: 40px;
    display: flex;
    position: absolute;
    z-index: 1000;
    top: 0px;
    background-image: url('https://files.catbox.moe/vfbjqn.png');
    background-attachment: fixed;
    background-size: 198px, 40px;
    background-repeat: repeat-x;
    background-color: none;
    gap: 0px;
    padding: 0px;
    overflow-y: hidden;
    }

.wrapper {
  width: 650px;;
  height: 400px;
  display: flex;
  box-sizing: border-box;
  padding: 5px;
  gap: 5px;
  background: none;
  border: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


.left-column {
  display: flex;
  flex-direction: column;
  width: 120px;
  height: 372px;
  background: none;
  border-width: 9px;
  border-style: solid;
  border-image: url('https://imgur.com/Mta3MCE.png') 9 fill round;
  align-items: center;
  gap: 2px;
}

.profile {
  font-size: 11px;
  padding: 1px;
  color: #7C431C;
}

.username {
  color: #675950;
  padding: 1px;
}

.pfp {
  width: 100%;
  border: 1px solid #9E7345;
  border-radius: 2px;
}

.info-profile {
  text-align: justify;
  text-justify: inter-word;
  padding: 0px 0px 3px 0px;
}

.idiomas {
  display: flex;
  width: 115px;
  height: 10px;
  justify-content: space-between; 
  align-items: center;
  margin-bottom: 3px;
}

.spanish {
  border: 1px solid #7C431C;
  background: #FFE0E4;
  border-radius: 3px;
  width: 50px;
  height: 10px;
}

.english {
  border: 1px solid #7C431C;
  background: #FFE0E4;
  background: linear-gradient(90deg, rgba(255, 224, 228, 1) 80%, rgba(250, 240, 246, 1) 79%);
  border-radius: 3px;
  width: 50px;
  height: 10px;
}

.korean {
  border: 1px solid #7C431C;
  background: #FFE0E4;
  background: linear-gradient(90deg, rgba(255, 224, 228, 1) 60%, rgba(250, 240, 246, 1) 59%);
  border-radius: 3px;
  width: 50px;
  height: 10px;
}

.japanese {
  border: 1px solid #7C431C;
  background: #FFE0E4;
  background: linear-gradient(90deg, rgba(255, 224, 228, 1) 30%, rgba(250, 240, 246, 1) 28%);
  border-radius: 3px;
  width: 50px;
  height: 10px;
}

.socials {
  width: 115px;
  height: 15px;
  border: 1px solid #7C431C;
  border-radius: 5px;
  background: #FFE0E4;
  cursor: pointer;
  font-family: 'MS UI Gothic';
  font-size: 10px;
  color: #7C431C;
  justify-content: center;
  align-items: center;
  padding: 0px;
  margin-bottom: 3px;
}

.biscuit {
  border-sizing: border-box;
  padding: 0px 1px 0px 1px;
  display: flex;
  width: 110px;
  height: 31px;
  background: none;
  justify-content: center;
  align-items: center;
}

.twt:hover img {
  content: url('https://imgur.com/3nvf6EO.png');
}

.pint:hover img {
  content: url('https://imgur.com/ZaXGkvM.png');
}

.lbxd:hover img {
  content: url('https://imgur.com/D4J6M8b.png');
}

.spoti:hover img {
  content: url('https://imgur.com/Rw7J10g.png');
}

.nota {
  background: none;
  display: flex;
  width: 110px;
  height: 43px;
  background-image: url('https://files.catbox.moe/19fbb2.png');
  text-align: center;
  font-size: 10px;
  margin-top: 0px;
  box-sizing: border-box;
  padding: 4px;
}

.launch {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 11px;
  margin-top: 1px;
  margin-bottom: 2px;
  color: #7C431C;
}


.center-content {
  display: flex;
  flex-direction: column;
  width: 300px;
  height: 372px;
  background: none;
  border-width: 9px;
  border-style: solid;
  border-image: url('https://imgur.com/Mta3MCE.png') 9 fill round;
  oveflow-y: scroll;
  justify-content: space-between;
  align-items: center;
}

.hehe {
  border: none;
  background: none;
}

.search {
  display: flex;
  width: 300px;
  height: 30px;
  background: none;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 5px;
  gap: 5px;
  border: none;
}

.search img {
  cursor: pointer;
}

.search-mock {
  width: 180px;
  height: 15px;
  border: 1px solid #7C431C;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
}

.search-button {
  width: 60px;
  height: 15px;
  border: 1px solid #7C431C;
  border-radius: 10px;
  background: #FFE0E4;
  cursor: pointer;
  font-family: 'MS UI Gothic';
  font-size: 10px;
  color: #7C431C;
  justify-content: center;
  align-items: center;
}

.contents {
  display: flex;
  flex-direction: column;
  width: 299px;
  height: 310px;
  background: none;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 1px 5px 3px 3px;
  gap: 3px;
}

.media-pic {
  width: 100%;
}

.notes {
  width: 100%;
}

.contents::-webkit-scrollbar {
    width: 8px;
    height: 7px;
    background: transparent;
}

.contents::-webkit-scrollbar-thumb {
    background-color: #FFE0E4;
    border: 1px dotted #7c431c;
}

.right-column {
  display: flex;
  flex-direction: column;
  width: 120px;
  height: 372px;
  background: none;
  border-width: 9px;
  border-style: solid;
  border-image: url('https://imgur.com/Mta3MCE.png') 9 fill round;
  gap: 3px;
  align-items: center;
  justify-content: center;
}

.nav {
  width: 115px;
  height: 15px;
  border: 1px solid #7C431C;
  border-radius: 5px;
  background: #FFE0E4;
  cursor: pointer;
  font-family: 'MS UI Gothic';
  font-size: 10px;
  color: #7C431C;
  justify-content: center;
  align-items: center;
  margin-bottom: 0px;
}

.list {
  border-top: 1px dashed #FFE0E4;
  border-right: none;
  border-bottom: none;
  border-left: none;
  width: 100px;
  height: 10px;
  border-sizing: border-box;
  padding: 2px;
  font-family: 'MS UI Gothic';
  font-size: 10px;
  color: #675950;
  background: none;
  margin-bottom: 2px;
}

.texto-section {
  float: left;
}

.text-section {
  float: left;
}

.list:hover {
  color: #9E7345;
  cursor: pointer;
}

.top-list {
  border: none;
  width: 100px;
  height: 10px;
  border-sizing: border-box;
  padding: 2px;
  font-family: 'MS UI Gothic';
  font-size: 10px;
  color: #675950;
  background: none;
  margin-bottom: 2px;
}

.top-list:hover {
  color: #9E7345;
  cursor: pointer;
}

.player-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 113px;
  height: 64px;
  margin-top: 5px;
  background: none;
  background-image: url('https://files.catbox.moe/7w3kkx.png');
  background-size: 113px, 64px;
  margin-bottom: 2px;

}

#progress {
  -webkit-appearance: none;
  width: 90px;
  height: 3px;
  background: #9E7345; 
  border-radius: 5px;
  outline: none;
}

#progress::-webkit-slider-runnable-track {
  height: 3px;
  border-radius: 5px;
}

#progress::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 8px;
  height: 8px;
  background: #FFE0E4; 
  border-radius: 50%;
  margin-top: -3px; 
  opacity: 0;
}

#progress.show-thumb::-webkit-slider-thumb {
  opacity: 1;
}

#progress::-moz-range-thumb {
  height: 10px;
  width: 16px;
  background: #faf0f6
}

.player-box input[type=range] {
  width: 100%;
 
}

.player-box .range { 
  color: #faf0f6;
}

.controls {
  width: 55px;
  margin-bottom: -1px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: -1px;
  background: none;
}

.timer {
  color: #8a4e27;
  margin-top: 0px;
}

.minicont {
  padding: 0px 0px 2px 0px;
  border: none;
  background: none; 
  width: 25px;
}

.hidden {
  padding: 0px 0px 2px 0px;
  border: none;
  background: none; 
  display: none;
}

.minicontbn {
  padding: 0px;
  border: none;
  justify-content: center;
  align-items: center;
  float: center;
  background: none;
}

.section img {
  width: 100%
}

.txtvid {
  width: 15px;
  height: 15px;
  background: #FFE0E4;
  color: #7C431C;
  cursor: pointer;
  font-family: 'MS UI Gothic';
  font-size: 10px;
  border: 1px solid #7C431C;
  border-radius: 3px;
} 


.dreamer {
  width: 280px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: none;
  margin-top: 3px;
}

.rep {
  margin-left: -2px;
}

.entry {
  display: flex;
  width: 260px;
  height: 90px;
  overflow-y: auto;
  border-radius: 3px;
  border: none;
  background: #fff;
  border-width: 9px;
  border-style: solid;
  border-image: url('https://imgur.com/Mta3MCE.png') 9 fill round;
  oveflow-y: scroll;
  margin-bottom: 3px; 
}

.entryt {
  display: flex;
  width: 105px;
  height: 10px;
  background: #FFE0E4;
  border-size: border-box;
  padding: 0px 2px 0px 2px;
  margin-bottom: 3px;
  justify-content: space-between;
  border: 1px dashed #7C431C;
  margin-top: 10px;
}

.comt {
  display: flex;
  width: 80px;
  height: 10px;
  background: white;
  border-size: border-box;
  padding: 1px 2px 1px 2px;
  justify-content: space-between;
  align-items: center;
}

.entryt img {
  height: 100%;
  width: auto;
}

.comt img {
  height: 100%;
  width: auto;
}

.entry::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background: transparent;
}

.entry::-webkit-scrollbar-thumb {
    background-color: #FFE0E4;
    border: none;
}

.home1 {
  display: flex;
  flex-direction: column;
  width: 100px;
  background: none;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-size: border-box;
  border: none;
  margin-left: 5px;
}

.welcoming {
 display: flex;
 flex-direction: column;
 width: 135px;
 background: none;
 align-items: center;
 padding: 5px;
 justify-content: center;
}

.welcoming p {
  text-align: center;
  margin-top: 1px;
}

.update {
  display: flex;
  flex-direction: column;
  width: 120px;
  height: 70px;
  border-width: 9px;
  border-style: solid;
  border-image: url('https://imgur.com/Mta3MCE.png') 9 fill round;
  oveflow-y: auto;
  overflow-x: auto;
}

.update::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background: transparent;
}

.update::-webkit-scrollbar-thumb {
    background-color: #FFE0E4;
    border: none;
}

.comment {
  display: flex;
  flex-direction: column;
  width: 280px;
  height: 75px;
  background: none;
  border-width: 9px;
  border-style: solid;
  border-image: url('https://imgur.com/Mta3MCE.png') 9 fill round;
  margin-bottom: 5px;
  margin-top: -8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 5px;
  overflow-y: auto;
}


.comment::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background: transparent;
}

.comment::-webkit-scrollbar-thumb {
    background-color: #FFE0E4;
    border: none;
}

.guestbook {
  display: flex;
  width: 113px;
  height: 70px;
  background: none;
  background-image: url('https://imgur.com/nCKgdS3.png');
  background-size: 113px, 70px;
  margin-top: 3px;
  margin-left: 5px;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 20px;
}

.calendar {
  background-image: url('https://files.catbox.moe/6cz2bu.png');
  background-size: 110px, 100px;
  width:110px;
  height:130px;
  justify-content: center;
  align-items: center;
}

.calendar-header {
  width: 110px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 13px;
}

table {
  border-collapse: collapse;
  text-align: center;
  width:110px;
  height:97px;
  background-color: none;
  border:none;
  border-radius:none;
  margin-top: -3px;
  margin-left: 0px;
}

    
td, th {
  text-align: center;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}

th {
  color: #92AF57;
  font-weight: normal;
}
    
tbody {
  color: #675950;
  height: 9px;
  width: 7px;
}

td {
  border-radius: 3px;
  transition: background 0.1s;
  height: 9px;
}

td:hover {
  background: #7C431C;
  color: #FFE0E4;
}
    
#monthYear {
  color: #675950;
}

.today {
  background: #7C431C;
  color: #FFE0E4;
  border-radius: 3px;
}

.has-note::after {
  content: "•";
  color: #b1875a;
  font-size: 1.2em;
  position: absolute;
  bottom: -3px;
  right: 1px;
}

#noteModal {
  border-width: 9px;
  border-style: solid;
  border-image: url('https://imgur.com/Mta3MCE.png') 9 fill round;
  position: fixed;
  top: 60;
  left: 120;
  display: none;
  justify-content: center;
  align-items: center;
  font-family: MS UI Gothic;
  height: 120px;
}

#noteModalContent {
  padding: 5px;
  border-radius: 0px;
  width: 180px;
  height: 100px;
  text-align: center;
  font-family: 'MS UI Gothic';
}

#noteText {
  font-family: 'MS UI Gothic';
  width: 150px;
  height: 60px;
  padding: 8px;
  border: 1px dashed #7C431C;
  border-radius: 3px;
  resize: none;
}
    
    
#noteText::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background: transparent;
  cursor: pointer;
}

#noteText::-webkit-scrollbar-thumb {
  background-color: #FFE0E4;
  border: none;
  cursor: pointer;
}


.calnote {
  cursor: pointer;
  border: none;
  background: #7C431C;
  color: white;
  border-radius: 3px;
  margin: 4px;
  font-family: 'MS UI Gothic';
}

.calnote:hover {
  background: #7C431C;
}
    
.mb:hover {
  background: #7C431C;
  color: white;
}
    
.mb {
  cursor: pointer;
  border: none;
  background: none;
  color: #7C431C;
  border-radius: 2px;
  margin: 3px;
  width: 15px;
  height: 15px;
  font-family: 'MS UI Gothic';
  font-size: 12px;
}
    
#noteDate {
  margin-top: -5px;
  margin-bottom: 3px;
  padding: 0px;
}
    
.p-guide {
  border-top: 1px dashed #FFE0E4;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-sizing: border-box;
  padding: 12px 0px 0px 0px;
}

.intimg {
  display: flex;
  width: 280px;
  height: 90px;
  background: none;
  justify-content: center;
  align-items: center;
}

#HCB_comment_box #hcb_form_content, #HCB_comment_box #hcb_form_email, #HCB_comment_box #hcb_form_name, #HCB_comment_box #hcb_form_website {
  background-color:#fff;
}
  
#HCB_comment_box #hcb_form_name {
 border: 1px solid #9e7345;
 font-family: 'MS UI Gothic';
 outline: none;
 font-size: 10px;
}

#HCB_comment_box #hcb_form_content {
  height: 80px;
  width: 280px;
  resize: none;
}

#HCB_comment_box #hcb_form_content::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background: transparent;
  cursor: pointer;
}

#HCB_comment_box #hcb_form_content::-webkit-scrollbar-thumb {
    background-color: #FFE0E4;
    border: none;
}

#HCB_comment_box textarea {
  font-family: 'MS UI Gothic';
}

#HCB_comment_box blockquote {
  font-size: 10px;
  font-family: 'MS UI Gothic';
  color: #675950;  
}

btn, input#hcb_submit {
  cursor: pointer !important;
  border: none !important;
  background: #7C431C !important;
  color: white !important;
  border-radius: 3px !important;
  margin: 4px !important;
  font-family: 'MS UI Gothic' !important;
}

#HCB_comment_box #hcb_form_content, #HCB_comment_box #hcb_form_email, #HCB_comment_box #hcb_form_name, #HCB_comment_box #hcb_form_website {
  font-size: 11px !important;
  font-family: 'MS UI Gothic' !important;
  color: #675950 !important;
}
  
#HCB_comment_box h3 {
  color: #7C431C;
  font-family: 'MS UI Gothic';
  font-weight: normal;
  font-size: 15px;
}

#HCB_comment_box, .hcb-comment-tb button {
  color: #FFE0E4 !important;
  font-family: 'MS UI Gothic' !important;
}

#HCB_comment_box #hcb_form .btn-secondary, #HCB_comment_box #HCB_comment_form_box .btn-secondary {
  display: none;
} 

#HCB_comment_box .comment {
    margin-top: 5px;
    margin-bottom: 10px !important;
    height: auto;
    overflow-y: auto;
}

#HCB_comment_box #hcb_form .home-desc {
  color: #675950 !important;
}

#HCB_comment_box #hcb_form .home-desc a, #HCB_comment_box .home-desc a:visited {
    color: #FFE0E4 !important;
}

#HCB_comment_box .hcb-icon {
    display: none !important;
}

#HCB_comment_box .comment .likes img {
    height: 16px !important;
    width: auto !important;
}

#HCB_comment_box #comments_list {
  padding-right: 0px !important;
}