body {
    
    background-image: url(https://sadhost.neocities.org/images/tiles/prrbg.jpg);
}



@font-face {
    font-family: 'dimitri_swankregular';
    src: url('dimis___-webfont.woff2') format('woff2'),
         url('dimis___-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
font-family:'PORKYS';
src: url(https://dl.dropbox.com/s/p47jjxbd1dg8st2/PORKYS_.TTF?);
}

@font-face {
    font-family: 'vt323regular';
    src: url('vt323-regular-webfont.woff2') format('woff2'),
         url('vt323-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

#container {
    
      width: 800px; 
    margin: auto;
}

#header { 
    
font-size: 19px;
    padding: 10px;
    align-content: center;

 display: block !important;
float: left !important;

    
}

h1 {
 display: block !important;
float: left !important;  
   font-family: 'dimitri_swankregular';
    margin-top: 80px;
    margin-left: 10px;
    margin-right: 5px;
    color: #e399b2;
border-width:6px;
border-style:solid;
border-image: url("https://i.imgur.com/8xftJ3v.gif") 7 fill round;
    padding: 5px;
    padding-bottom: 10px;
    
    
}
#main {
   
    width: 800px; 
    margin: auto;

        
    }
    

#leftside {
    
  padding: 10px;
  float: left !important;
    width: 130px; 
border-width:6px;
border-style:solid;
border-image: url("https://i.imgur.com/8xftJ3v.gif") 7 fill round;
font-size: 14px;
 align-items: baseline;
    font-family:'PORKYS';
    
}

#body {
    
    float: right;
    width: 600px;
    padding: 10px;
    margin: auto;
border-width:6px;
border-style:solid;
border-image: url("https://i.imgur.com/8xftJ3v.gif") 7 fill round;
    padding: 5px;
        font-family: 'vt323regular';
    font-size: 16px;
    color: #2e2224;

}

a {
    
    color: #aeb7a1;
}

#bear {
    
    padding: 2px;
}

ul {list-style-image: url('cat.webp');}

a{
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
text-decoration: none;
 
}
 
a:hover {
webkit-filter: blur(1px); /* Chrome, Safari, Opera */
filter: blur(1.5px);
font-style: italic;
text-decoration: none !important;
 
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; }
    
h1:hover { animation: bounce 3s infinite;
animation-timing-function: cubic-bezier(0.25, 0.85, 0.4, 1);
width:auto;
;}
 
.letterone { animation-delay:0s; display:inline-block;}
.lettertwo { animation-delay:0.2s; display:inline-block;}
.letterthree { animation-delay:0.4s; display:inline-block; }
.letterfour { animation-delay:0.6s; display:inline-block;}
.letterfive { animation-delay:0.8s; display:inline-block;}
.lettersix { animation-delay:1s; display:inline-block;}
.letterseven { animation-delay:1.2s; display:inline-block;}
.lettereight { animation-delay:1.4s; display:inline-block;}
 
@keyframes
bounce {
0% {
transform: scale(1,1) translateY(0); }
10% {
transform: scale(1.1,.9) translateY(0);
}
30% { transform: scale(.9,1.1) translateY(-10px);
}
50% {
transform: scale(1.05,.95) translateY(0); }
60% {
transform: scale(1,1) translateY(-4px);
}
100% { transform: scale(1,1) translateY(0);
}
}

.coreyandme {
    
 font-family:'PORKYS';   
font-size: 16px;
    color: #aeb7a1;
    position: absolute;
    margin-left: 5px;
}



haim.gif {
    
border-width: 6px;
border-style:solid;
border-image: url("https://i.imgur.com/gTFIwdW.png") 11 fill round;
    
}