body { 
  background-color: black; 
} 

h1, h2, h3, h4, h5, h6 { 
  margin: 0.2em; 
  font-weight: bold; 
  font-size: 7.135vh; 
} 

@font-face { 
  font-family: 'stowy'; 
  src: url('Stowy.otf') format('truetype'); 
} 

img { 
  margin-left: auto; 
  margin-right: auto; 
} 
 
.images img { 
  position: absolute; 
  filter: drop-shadow(2px 3px 4px rgba(0,0,0,0.6)) 
          drop-shadow(0 0 8px rgba(255,255,255,0.25)); 

  transition: transform 0.35s ease, 
              filter 0.35s ease; 

  cursor: pointer; 
} 
 
.img-lace { 
  margin-left: 0vw; 
  margin-top: 43.926vh; 
  height: 56%; 
  width: 38%; 
} 
 
.img-coffee { 
  margin-left: 1.244vw; 
  margin-top: 44.926vh; 
  height: 35%; 
  width: 17%; 
  transition: transform 0.5s ease, 
              filter 0.35s ease; 
} 
 
.img-coffee:hover { 
  transform: rotate(-10deg) scale(1.08); 
   
  filter: drop-shadow(2px 3px 4px rgba(0,0,0,0.6)) 
          drop-shadow(0 0 14px rgba(255,255,255,0.5)); 
} 
 
.img-magazine { 
  margin-left: 16.271vw; 
  margin-top: 40vh; 
  height: 40%; 
  width: 15%; 
  transform: rotate(-2deg); 
  transition: transform 0.6s ease, 
              filter 0.35s ease; 
} 
 
.img-magazine:hover { 
  transform: rotate(-2deg) translateY(-12px); 
   
  filter: drop-shadow(2px 3px 4px rgba(0,0,0,0.6)) 
          drop-shadow(0 0 14px rgba(255,255,255,0.5)); 
} 
 
.img-walkman { 
  margin-left: 21.544vw; 
  margin-top: 55.926vh; 
  height: 35%; 
  width: 17%; 
} 
 
.img-walkman:hover { 
  transform: scale(1.1); 
   
  filter: drop-shadow(2px 3px 4px rgba(0,0,0,0.6)) 
          drop-shadow(0 0 14px rgba(255,255,255,0.5)); 
} 
 
.img-mixtape { 
  margin-left: 13.721vw; 
  margin-top: 65.661vh; 
  height: 23%; 
  width: 15%; 
} 
 
.img-mixtape:hover { 
  transform: scale(1.1); 
   
  filter: drop-shadow(2px 3px 4px rgba(0,0,0,0.6)) 
          drop-shadow(0 0 14px rgba(255,255,255,0.5)); 
} 
 
.img-ticket { 
  margin-left: 4.271vw; 
  margin-top: 75vh; 
  height: 11%; 
  width: 13%; 
  transform: rotate(-10deg); 
} 
 
.img-ticket:hover { 
  transform: rotate(-10deg) scale(1.12); 
   
  filter: drop-shadow(2px 3px 4px rgba(0,0,0,0.6)) 
          drop-shadow(0 0 14px rgba(255,255,255,0.5)); 
} 

.sitename { 
  position: absolute; 
  top: 10px; 
  left: 0; 
  font-family: "Instrument Serif", serif; 
  font-size: 43px; 
  font-weight: 400; 
  line-height: 35px; 
  text-align: left; 
  color: white; 
  margin: 0; 
  padding: 0; 
} 
 
.sitename .line1, 
.sitename .line2 { 
  margin: 0; 
  padding: 0; 
  white-space: nowrap; 
} 
 
.forever { 
  display: inline; 
  background: linear-gradient( 
    to right, 
    #ef5350, 
    #f48fb1, 
    #7e57c2, 
    #2196f3, 
    #26c6da, 
    #43a047, 
    #eeff41, 
    #f9a825, 
    #ff5722 
  ); 

  -webkit-background-clip: text; 
  background-clip: text; 
  -webkit-text-fill-color: transparent; 

  font-size: inherit; 
  font-weight: bold; 
  white-space: nowrap; 
} 

.main-text-1 { 
  font-size: 3.195vh; 
  color: black; 
  overflow: auto; 
  max-width: 7.813vw; 
} 

.main-text-2 { 
  font-size: 2.195vh; 
  color: #544275; 
} 

.menu { 
  width: 50.25vw; 
  text-align: center; 
  border: none; 
  box-shadow: none; 
  padding: 0.5em; 
  background-size: auto; 
  background-repeat: repeat; 
  font-weight: bold; 
  font-size: 2.695vh; 
  color: #000000; 
  margin: auto; 
  align-content: center; 
  align-items: center; 
  justify-content: center; 
  display: flex; 
  top: 1.50vh; 
  position: absolute; 
} 


.to-do-list a { 
  color: #182A4A !important; 
  text-decoration: none !important; 
} 

.to-do-list a:visited { 
  color: #4B2354 !important; 
  text-decoration: none !important; 
} 

.to-do-list a:hover, 
.to-do-list a:focus { 
  color: #ffffff !important; 
  text-decoration: none !important; 
} 

.main { 
  padding-left: 0vw; 
  padding-right: 0vw; 
  margin-left: auto; 
  margin-right: 0; 
  margin-top: 4vh; 
  margin-bottom: 10.977vh; 
  width: 62.083vw; 
  height: 79.094vh; 
  overflow: hidden; 
  padding: 1em; 
  border: none; 
  box-shadow: none; 
  background-image: url('/images/journal.png'); 
  background-size: 95% 95%; 
  background-position: right; 
  background-repeat: no-repeat; 
  display: flex; 
  flex-direction: column; 
  color: #000000; 
  font-size: 2.525vh; 
} 

.footer { 
  display: flex; 
  flex-wrap: wrap; 
  align-items: center; 
  justify-content: center; 
  gap: 4px; 
} 

.footer img { 
  width: 88px; 
  height: 31px; 
  display: inline-block; 
  margin: 0; 
} 
a {
  cursor: pointer
}
::-webkit-scrollbar { 
  width: 12px; 
  height: 12px; 
  position: fixed; 
  right: 12px; 
  z-index: 1; 
} 

::-webkit-scrollbar-track { 
  box-shadow: 0; 
  border-radius: 0px; 
  background-color: lightgray; 
} 

.post ::-webkit-scrollbar-track { 
  border-left: 0px solid; 
} 

::-webkit-scrollbar-thumb { 
  background: black; 
  border-radius: 0px; 
}