@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("../bg/cherryblossoms.jpg");
  padding-top: 3%;
}


.conttxt {
    filter: drop-shadow(0px 5px 5px #b60e6d);
    background-image: url(../img/diary/padshort.png);
    margin-left: 10%;
    margin-right: 10%;
    position: relative;
    height: 100px;
    width: 80%;
    display: block;
    position: relative;
    z-index: 1;
    top: 0;
    overflow: hidden;
    transition: filter 0.3s ease-in-out;
}

.conttxt:hover {
    filter: drop-shadow(0px 5px 5px #dfb870c9);
}

h2, h3, p {
    width: 80%;
    position: relative;
    left: 16%;
    margin: 0;
}

h3 {
    font-family: 'Courier New', Courier, monospace;
    font-size: 1.1em;
}

h2 {
    font-family: 'Courier New', Courier, monospace;
    font-size: 1.2em;
    letter-spacing: -1px;
    background-color: #ffe986;
    display: inline-block;
    text-decoration: underline wavy #ff5da9;
}

p {
    font-size: 1em;
    font-family: Handjet;
    font-style: italic;
}

a {
    color: #c23670;
    text-decoration: none;
    transition: color 0.2s ease;
    transition: background-color 0.3 ease-in-out;
}
h2 a:visited {
    color: #ffedb3;
}

a:hover {
    color: #ff9ccc;
    text-decoration: underline;
    background-color: #faf5c6;
}

a:active {
    color: #a5004a;
    background-color: #4b0425;
}