@font-face {
font-family: ms gothic;
}
@font-face {
font-family: kinkie;
src: url(https://dl.dropbox.com/s/2n7tc27kfqu3by1/kinkie.ttf);
}
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: black;
border: 1px solid white;
}

::-webkit-scrollbar-thumb {
  background: #f02996;
border-style: double;
}

::-webkit-scrollbar-thumb:hover {
  background: #ff69bb;
border-style: double;
}
::-moz-selection {
  color: white;
  background: #ff69bb;
}

::selection {
  color: white;
  background: #ff69bb;
}
 *{cursor: url(https://missjoints.neocities.org/files/pixels/heartcursor.png), auto;
}
#header {
  background-color:black;
  height:50px;
  max-width: 960px;
border: 3px inset #f02996;
border-bottom: none;
text-align: center;
padding: 5px;
margin: 0 auto;
margin-top: 75px;
}
p {
margin: 5px;
letter-spacing: 0px;
font-size: 16px;
}
body {
  font-family: ms gothic;
  background-image: url(https://missjoints.neocities.org/files/bgs/plaid.jpg);
background-repeat: repeat;
  color:white;
}
#container {
  max-width: 960px;
  max-height: 2000px;
  margin: 0 auto; 
border: 3px inset #f02996;
}
* {
  box-sizing:border-box;
}
#flex {
  display:flex;
}
aside {
  background-color:black;
  width:350px;
  max-height: 2000px;
  padding:10px;
  font-size:smaller; 
border-right: 3px solid #f02996;
}
.box {
  background-color: white;
  border:3px double #f02996;
border-radius: 5px;
  padding:10px;
color: black;
height: 90%;
}
h1  {
  font-size:56px;
  margin-top: -30px;
font-family: kinkie; 
background: linear-gradient(to top, #f02996 2%, #ffd4e9 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #4c005c;
font-weight: bold;
text-align: center;
position: absolute;
}
#icon {
 border-width:20px; 
border-style:solid;
border-image: url("https://i.ibb.co/LYSfp26/C9487459-587-E-4-EDC-89-C1-2-B2-F0804-F5-A7.png") 40 fill round;
}
.update {
  color: black;
height: 170px;
width: 100%;
  background-color: white;
  overflow-x: hidden;
  overflow-y: scroll;
  margin: 0 auto;
padding: 10px;
border: 1px solid black;
border-radius: 5px;
}
h4 {
font-size:25px;
font-family: "Times New Roman";
background: linear-gradient(to top, #f02996 2%, #ff69bb 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #4c005c;
margin: 1px;
font-weight: bold;
text-align: center;
letter-spacing: -0.5px;
}
a {
font-size: 16px;
 text-decoration: underline;
transition: 0.2s;
background: linear-gradient(to top, #f02996 2%, #ff69bb 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
main {
  background-color:black;
  flex:1;
height: 700px;
  padding:10px;
display:flex;
 flex-wrap: wrap;
overflow-x:wrap;
  overflow-y: scroll;
}
main img {
margin-left: auto;
  margin-right: auto;
}
marquee {
margin: 5px;
}
.scrollbox {
  color: black;
height: 130px;
width: 100%;
  background-color: white;
  overflow-x: hidden;
  overflow-y: scroll;
  margin: 0 auto;
padding: 10px;
border:3px double #f02996;
border-radius: 5px;
}
h2 {
font-size:35px;
font-family: "Times New Roman";
background: linear-gradient(to top, #f02996 2%, #ff69bb 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #4c005c;
margin: 3px;
font-weight: bold;
}
.code {
border: 1px solid black;
border-radius: 5px;
width: 68%;
height: 32px;
margin-top: 10px;
}
footer {
  background-color:black;
  width:100%;
  height:50px;
  padding:5px;
  text-align:center; 
border-top: 3px inset #f02996;
}
 footer a {
font-size: 35px;
font-family: "Times New Roman";
text-decoration: none;
transition: 0.2s;
background: linear-gradient(to top, #f02996 2%, #ff69bb 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: #4c005c;
}
a:hover {
letter-spacing: 1px;
}
@media only screen and (min-width: 1000px) {
}