body {
  margin: 60;
  padding: 60;
  color: white;
  background-size: cover;
  background-repeat: repeat-y;
  background-attachment: scroll;
  background-image:url(images/backgrounds/yellow.JPG);
  }
  
.picbuttcontainer {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  height: 100%;
  max-width: 600px;
  background-image: url("images/picbuttons/journal1.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; 
  }
      
.rotateB       {transform: rotate(-0deg);}
.rotateB:hover {transform: rotate(-15deg);}  
      
  
.win {
  width: auto; 
  border: 3px solid transparent; 
  background-color: #c0c0c0; 
  border-image: url(https://coffeebug.neocities.org/border1.png) 3 round;
  } 
    
.win2 {
  width: auto; min-height: 16px; 
  background: linear-gradient(90deg,rgb(107, 88, 14)0%,rgb(191, 156, 15)100%); 
  padding: 3px; 
  color: white; 
  text-align:left;
  } 
    
  win2:hover{cursor:pointer} .winI{float: right; max-height: 18px;}
   
.logo-container {
  position: relative;
  display: inline-block;
  }

.logo {
  width: 600px;
  height: auto;
  display: block;
  }

.drawing-wobble {
  position: absolute;
  width: 150px;
  height: auto;
  top: 28%;
  left: 0%;
  animation: bob 3s ease-in-out infinite; /* apply the animation */
  }

  @keyframes bob {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
  }

.computer-stamp {
  position: absolute;
  bottom: 12%;
  right: 8%;
  }

.stamps-container {
  position: absolute;
  display: inline-block;
  right:3%; 
  top:10%; 
  }
  
.wavey-stamp {
  position:relative; 
  z-index:2
  }

.duck-stamp {
  position:relative; 
  left:0%; 
  bottom:16%; 
  z-index:3
  }

.neocities-stamp {
  position:relative; 
  left:0%; 
   bottom:0%; 
  z-index:4
  }

@font-face {
  font-family: humantooth;
  src: url(fonts/humantooth-type-v1.ttf); /* shoutout humantooth ! https://humantooth.neocities.org/home https://humantooth.neocities.org/font-table*/
  }
  
@font-face {                  
  font-family: 'AnalogueOS';
  src: url(https://humantooth.neocities.org/fonts/AnalogueOS-Regular.woff) format('woff');
  font-weight: normal;
  font-style: normal;
  } 
    
h1 {
  font-family: humantooth; 
  }
p {
  font-family: AnalogueOS; 
  }