@font-face {
  font-family:"Watercolour";
  src:url('https://foggybear42.net/shrines/waterboy/assets/Watercolour.ttf');
}

html {
  font-family:"Watercolour";
  background:url("assets/water.jpg");
}

body {
  color:#ffd700;
  text-align:center;
  font-family:"Watercolour";
}

h1 {
  margin-top:25px;
  font-family:"Watercolour";
  text-shadow:0 2px #213d65;
}

p {
  width:60%;
  padding:10px 12px;
  border-radius:2px;
  border:2px solid #ffd700;
  background-color:#213d65;
}

.imgWrap {
  top:5px;
  left:-220px;
  position:fixed;
  transition:.5s ease;
}

.second {
  top:120px;
}

.imgWrap:hover {
  left:-100px;
  transition:.3s ease;
}

.imgImage {
  height:100px;
}

.imgDescLayer {
  top:0;
  right:0;
  bottom:0;
  opacity:0;
  left:145px;
  display:flex;
  color:#1e90ff;
  font-size:32px;
  position:absolute;
  visibility:hidden;
  align-items:center;
  justify-content:center;
  transform:rotate(10deg);
  text-shadow:0 0 8px #ffd700;
  transition:opacity .2s, visibility .2s;
}

.imgWrap:hover .imgDescLayer {
  opacity:1;
  visibility:visible;
}

.imgDesc {
  font-family:"Watercolour";
}

#back {
  transition:.5s ease;
  cursor:url("pointer.png"), pointer;
}

#back:hover {
  left:-100px;
  transition:.3s ease;
  cursor:url("pointer.png"), pointer;
}

.image {
  padding:0;
  height:300px;
  margin:5px 10px;
  border:20px solid transparent;
  border-image:url("assets/frame.png") 40 stretch;
}

.link {
  transition:.2s;
}

.link:hover {
  transition:.2s;
  transform:rotate(2deg);
}

#s-m-t-tooltip{
  color:#ffd700;
  font-size:15px;
  padding:6px 8px;
  background:#000000;
  border:1px solid #1e90ff;
}

a:link, a:hover, a:active, a:visited {
  text-decoration:none;
  background-color:rgba(0, 0, 0, 0);
}

::-webkit-scrollbar {
  color:#ffd700;
}

::-webkit-scrollbar-track {
  background:url("assets/water.jpg");
}

::-webkit-scrollbar-thumb {
  background:#ffd700;
}

::-webkit-resizer {
  background:#ffd700;
}

::selection {
  color:#213d65;
  background-color:#ffd700;
}

@media only screen and (max-width:800px) {
  .image {
    margin:0;
    width:100%;
    height:100%;
  }
}