body{
background-image:url("index/background.jpg") ;
background-size: cover;
 font-family: "Dico", sans-serif;
display: flex;
justify-content: center;
 
}



.header-wrap{
      max-width: 700px;
      border-radius: 2px;
    }
    
    nav{
     border:dashed, ;
    }
    
   .content {
      max-width: 1200px;
      display: flex;    
      justify-content: center;
      flex-direction: column;
      gap: 10px;
      margin-top: 18px;
    }

.header{
  display: flex;
  justify-content: center;
    font-family:"Are You Serious",cursive ;
    font-size: xx-large;
}

.sticker{
     position: absolute;
     width:50px;
     z-index: 10;
}

nav a{
display:inline-flex;
padding:8px 8px;
text-decoration: none;
border-radius: 2px;
margin:0 10px;
transition:0.2s ;
align-items: center;
line-height: 1;
border-block-color: #b7ab8b ;
}

  .blinkie-wrapper{
    overflow:hidden;
    max-width: 700px;
    width:100%;
    position:relative;
  }
  
.blinkie-wrapper::before,
.blinkie-wrapper::after{
  content:"";
  position: absolute;
  top: 0;
  width:50px;
  height:100%;
  z-index: 2;
  pointer-events: none;
}
.blinkie-wrapper::before{
  left:0;
  background:linear-gradient(to right,#c6c5c1,transparent );
}
    
.blinkie-wrapper::after{
  right:0;
  background:linear-gradient(to left,#bbbfbe,transparent );
}     
  
  .blinkie-belt img{
   max-height:31px;
   min-height: 31px;
   margin:4px;
  }
  
  .blinkie-belt {
    display:flex;
    width:max-content;
   animation: scrollBlinkies 20s linear infinite;
  }
  
  @keyframes scrollBlinkies {
    from {transform:translateX(0);}
    to {transform:translateX(-50%);}
  }
   

.box1{
  max-width: 220px;
  margin:8px;
  display: flex;
  background-color: #b7ab8b;
  padding: 20px;
  border-radius: 3px;
}


.me{
  max-width: 200px;
  border: double, 9px, #6e7e50;
  display: flex;
  flex-direction: column;
}

a:link{color:#311f10;}
a:visited{color:#694120;}
a:hover{color:#24160b;}