@font-face {
  src: url(../fonts/ibmplexmono/IBMPlexMono-MediumItalic.ttf);
  font-family: IBM;
}

@font-face {
  src: url(../fonts/handjet/Handjet-Regular.ttf);
  font-family: Handjet;
}

@font-face {
  src: url(../fonts/handjet/Handjet-Light.ttf);
  font-family: HandjetLight;
}

@font-face {
  src: url(../fonts/handjet/Handjet-Bold.ttf);
  font-family: HandjetBold;
}

@font-face {
  src: url(../fonts/handjet/Handjet-SemiBold.ttf);
  font-family: HandjetSemibold;
}

@font-face {
  font-family: HomeadeApple;
  src: url(../fonts/homeadeapple/HomemadeApple-Regular.ttf);
}

@font-face {
  font-family: PatrickHand;
  src: url(../fonts/patrickhand/PatrickHand-Regular.ttf);
}

   ::-webkit-scrollbar {
width: 14px
}

::-webkit-scrollbar-track:vertical {
background: linear-gradient(90deg, #e1cbd7, #ffe7f5 20%);
border-left: 1px solid #c33072;
}

::-webkit-scrollbar-thumb:vertical {
background: linear-gradient(90deg, rgb(122, 27, 79) 0%, rgb(255, 194, 219) 28%, rgb(238, 138, 190) 55%, rgb(252, 202, 239) 87%);
  border-left: 1px solid #c33072;
}

/*horizontal scroll*/

::-webkit-scrollbar:horizontal {
height: 14px
}

::-webkit-scrollbar-track:horizontal {
background: linear-gradient(180deg, #e1cbd7, #ffe7f5 20%);
 border-top: 1px solid #c33072;
}

::-webkit-scrollbar-thumb:horizontal {
background: linear-gradient(180deg,  rgb(122, 27, 79) 0%, rgb(255, 194, 219) 28%, rgb(238, 138, 190) 55%, rgb(252, 202, 239) 87%);
  border-top: 1px solid #c33072;
}


*::selection{
  color:rgb(250, 245, 198);
  background-color: #e26b97;
}

html, body {
    margin: 0;
    padding: 0;
}

body {
  background-image: url("../img/diary/padbg.png");
  padding: 20px;
}

h4 a{
    margin: 0;
    padding: 0;
    font-family: HandjetLight;
    display: inline-block;
    background-color: rgba(255, 220, 104, 0.729);
    color: #c33072;
    transition: 0.2s ease-in-out;
    border-radius: 15px;
}

h4 a:hover{
    color: bisque;
    background-color: #c33072;
}

h2 {
    margin: 0;
    padding: 0;
    font-family: HomeadeApple;
    line-height: 0.8;
    display: inline-block;
    color: #ac1559;
}

h1 {
    margin: 0;
    padding: 0;
    font-family: HandjetBold;
    text-decoration: underline #e26b97;
    font-style: italic;
    background-color: rgba(255, 178, 231, 0.607);
    font-size: 2.5rem;
    display: inline-block;
    color: #7e043b;
}

.sticker {
    float: left;
    width: 30%;
}

p {
    font-family: HandjetSemibold;
    letter-spacing: 1px;
    font-size: 1.3rem;
    color: #7e043b;
    text-shadow: 0px 2px 3px #e26b9762;
}