@import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap');
html {
	
}
body {
	
#top_banner {
    background-image: url('https://greyvenz.neocities.org/pattern/plaidback.png');
}
#background, .allMessages, #input {
    cursor: url('https://cur.cursors-4u.net/food/foo-1/foo76.cur'), auto !important;
}
#background {
    background-color: white;
}
.allMessages {
    max-height: 300px;
    max-width: 1000px;
    font-family: 'DotGothic16';
    font-size: 11px;
	
}
.received {
	
}
.sent {
	
}
.msgBody {
border: 9px solid transparent; /* thickness of border */
  border-image-source: url("https://greyvenz.neocities.org/png/NJa4bp2.png");
  border-image-slice: 9;   /* adjust until corners look right */
  border-image-repeat: round;
  border-radius: 0; 
  background-color: white;
  font-family: 'DotGothic16';
	
}
.senderInfo {
	font-size: 12px;
    color: #D05D5D;
    margin-bottom: 2px;
    font-family: 'DotGothic16';
    font-style: italic;
  
}
#loadMore {
	
}
#timestamp {
	font-size: 10px;
    color: #f2b6ba;
    font-family: 'DotGothic16';
    font-style: italic;
}
#settings {
    background-image:url('https://greyvenz.neocities.org/png/favicons/pcicon.gif');

	/* Controls the settings icon, use background-image to change icon */
}
#scrollToBottom {
    font-family: 'DotGothic16';
	/* Adjusts the hovering 'scroll to bottom' button */
}
.ctxMenuOption {
  background-color: #D05D5D;
  color: black;
  cursor: pointer;
  border: 7px solid transparent; /* thickness of border */
  border-image-source: url("https://greyvenz.neocities.org/png/NJa4bp2.png");
  border-image-slice: 9;   /* adjust until corners look right */
  border-image-repeat: round;
  border-radius: 0; 
  background-color: white;
  font-family: 'dotgothic16';
  font-size: 10px;
	/* Adjusts the options for the menus when right clicking a message */
}
.mod, .owner, .tester {
  width: 0;
}
.mod::before {
  content: "[mod]";
  display: inline-block;
  color: #D05D5D;
  position: absolute;
  top: 7px;
  right: 7px;
}
.owner::before {
  content: "[owner]";
  display: inline-block;
  color: #D05D5D;
  position: absolute;
  top: 7px;
  right: 7px;
}
#settingsWindow, 
#settingsWindow * {
    background-image: url('https://greyvenz.neocities.org/pattern/plaidback.png') !important;
    font-family: 'DotGothic16' !important;
    font-size: 11px !important;
    color: #D05D5D !important;
    background-color: white !important;
    
}

#settingsWindow {
    background-image: url('https://greyvenz.neocities.org/pattern/plaidback.png') !important;
    font-family: 'DotGothic16' !important;
    font-size: 11px !important;
    cursor: url('https://cur.cursors-4u.net/food/foo-1/foo76.cur'), auto !important;
}


.pinned {
border: 9px solid transparent;
  border-image-source: url("https://greyvenz.neocities.org/png/NJa4bp2.png");
  border-image-slice: 9; 
  border-image-repeat: round;
  border-radius: 0; 
  background-color: white;
  font-family: 'DotGothic16';
  content: "[pinned]";
  display: inline-block;
  width: 92%;
}
#replyBanner {

}

.emoji {
    font-size: 16px;
    cursor: url('https://cur.cursors-4u.net/food/foo-1/foo76.cur'), auto !important;
}
#emojiTray {
    cursor: url('https://cur.cursors-4u.net/food/foo-1/foo76.cur'), auto !important;
    font-family: 'dotgothic16';
    background-color: white;
    border: 7px solid transparent;
    border-image-source: url("https://greyvenz.neocities.org/png/NJa4bp2.png");
    border-image-slice: 9;
    border-image-repeat: round;
    border-radius: 0;
    padding: 5px;
}

#is_typing {
    background-color: white;
     border: 7px solid transparent; /* thickness of border */
  border-image-source: url("https://greyvenz.neocities.org/png/NJa4bp2.png");
  border-image-slice: 9;   /* adjust until corners look right */
  border-image-repeat: round;
  border-radius: 0;
    
	/* Adjusts the bubble that appears when someone is typing */
}
#input {
    background-color: white;
     border: 7px solid transparent; /* thickness of border */
  border-image-source: url("https://greyvenz.neocities.org/png/NJa4bp2.png");
  border-image-slice: 9;   /* adjust until corners look right */
  border-image-repeat: round;
  border-radius: 0;
padding: 0px;
font-family: 'dotgothic16';
	
}