html{
    cursor: url(https://boothill.s-ul.eu/14AvKaNa), auto;
  }

  @font-face {
    src: url(https://fonts.googleapis.com/css2?family=Gaegu:wght@300;400;700&display=swap);
    font-family: "Gaegu";
    } 
    
  body {
  min-height:100%;
  font-family: 'Gaegu'; 

  font-size: 14px;
  height: 100vh;
  flex-direction: column;
  margin: 0;
  display: flex;
  align-items: center;
  overflow: hidden;
  }

  a{
  cursor: url(https://boothill.s-ul.eu/14AvKaNa), auto;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  display:inline-block;
  color:#aa9379;
  font-weight:bold; 
  }

  a:hover{
    -ms-transform: scale(1.05); /* IE 9 */
    -webkit-transform: scale(1.05); /* Safari 3-8 */
    transform: scale(1.05);
    filter: hue-rotate(-40deg);
  }

hr {
border: none;
border-top: 1px dotted #3A2918;
background: none;
margin: 2em;
margin-left: 0;
}

h1 {
font-weight: bold;
font-size: 16px;
}

h2 {
font-weight: bold;
text-decoration: italic;
font-size: 13px;
margin-top: -0.75rem;
}

p {
line-height: 1em;
}

main {
width: calc(100vw - 2em);
display: inline;
}

.wrapper {
width: 100%;
margin: 1 auto;
padding: 1em;
display: flex;
justify-content: center;
align-items: center;
}

.index {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 60vh;
zoom:160%;
}

.about {
display: flex;
margin-left: 1;
flex-direction: row;
justify-content: center;
align-items: center;
height: 100vh;
}

.aboutimg {
margin-right: 15px;
}

.entry {
padding: 2em;
margin: 2em;
border: 1px solid #3A2918;
width: 40%;
text-align: justify;
}

.diary > p {
text-align: left;
width: 40%;
}

.diary-scroll {
overflow-y: auto;
overflow-x: hidden;
padding-top: 1%;
}

.item {
max-width: 300px;
text-align: justify;
}

footer {
background:#f3ebe3;
color: #3A2918;
position: fixed;
bottom: 0;
width: calc(100vw - 2em);
padding-left: 2em;
padding-top: 1em;
padding-bottom: 0.5em;
}

/* TOOLTIP CONTAINER */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom:; /* If you want dots under the hoverable text */
}

/* TOOLTIP TEXT */
.tooltip .tooltiptext {
  top: 5px;
  left: 80%;
  visibility: hidden;
  background-color: white;
  color: black;
  font-family:"Gaegu";
  font-size:20px;
  text-align: center;
  padding: 8px;
  border-radius: 6px;

  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 10;
}

.fuck {
filter: drop-shadow(3px 3px 3px rgb(218, 203, 187));
font-style: italic;
font-size:2em;
font-weight:bold; 
color: #fff;
-webkit-animation: pop 2s ease-in-out infinite alternate;
animation: pop 2s ease-in-out infinite alternate;
-moz-animation: pop 2s ease-in-out infinite alternate;
}



@keyframes pop {
from {
transform:scale(0.95)
}

50% {
transform:scale(1)
}

to {
transform:scale(0.95)
}
}

@-webkit-keyframes pop{}
from {
-webkit-transform:scale(0.95)
}

.hover{
  max-width:93%;
  transition: transform .4s, filter 0.4s ease-out;
} 
    

.hover:hover{
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1) rotate(-1deg);
  filter: hue-rotate(360deg);
}

#move {
  display: inline-block;
  animation: rotation2 2s infinite linear;
}

#move2 {
  display: inline-block;
  animation: rotation 7s infinite ease;
}