index.html{
    justify-content: baseline
} 
@font-face{
font-family:'Forward Serif';
src: url('fonts/forwardserif-webfont.eot');
src: url('fonts/forwardserif-webfont.eot') format('embedded-opentype'),
url('fonts/forwardserif-webfont.woff2') format('woff'),
url('fonts/forwardserif.ttf') format('truetype'),
url('fonts/forwardserif-webfont.svg') format('svg');
}  

#post2{
    position: absolute;
    text-align: center; 
    color: #4b3e31; 
    border:inset; 
    background-color: #beae9c;
    left: 244;
    top:854;
    width: 659;
    padding: 8;
   font-size: 15;
    
}

#post4 a{
    color: #83664a
}
#post4 u{
    color: #83664a
}

#ota{
    position: absolute;
    width: 23;
    top: 482;
    left: 381;
     filter: grayscale(var(--value, 100%)); --value: 48%;
}
#post5{
 position: absolute;
 text-align:right; 
    color: #4b3e31; 
    border:inset; 
    background-color: #beae9c;
    left: 244;
    top:278;
    width: 659;
    padding: 8;
   font-size: 15; 
    
}
#post5 a{
    color: #83664a
}
#header-bg{
    color: #eae4de;
    
    font-family:cursive;
 text-align: center; border:groove; 
     background-image: url(images/own/Southern%20Gothic%202.jpg);
    
    
    
} 
#header{
    color: #eae4de;
    font-family:'Forward Serif';
 text-align: center; 
 position: absolute;
   top: 3;
    left: 427;
    
    
    
    
    
} 

#teethers{
    text-align: justify;
}

#teethers img{
    display: inline-block;
    width: 502px;
    height: 47px;
}

#teeth-test{
    position: absolute;
    width: 1206px;
    height: 44px;
  background-image: url(images/own/teeth.png)
   
}
#out-t{
   transform: scale(1.206);
    top: 86;
    position: absolute;
}

#intro{
    color: #c1b7ae;
    text-align:right;
   position: absolute;
    left: 969;
    top: 143;
    z-index: 4000;
}



#cowboy{
   position:absolute;
    left: -2;
    top:-103;   
}
#solidus{
    position:absolute;
    left:100;
    top: -102;  
}
#home{
   position:absolute;
    left: 202;
    top: -102;  
}
#movie{
position:absolute;
left:303;
    top:-102; 
}  
#art{
    position:absolute;
    left:404;
    top:-101;
    
}

#wyeth{
    position:absolute;
    left: -3;
    top: -44;
    
}
#ufo1{
    position:absolute;
    left: 101;
    top:-44;
}
#kalynn{
    position:absolute;
    left: 199;
    top: -69;

   
}
#gorsh{
   position:absolute;
    left:303;
    top:-44;

}
#bibo3{
   position: absolute;
    left:406;
    top:-43; 
    width: 99;
}

#support{
    position: absolute;
    top: 15;
    left: 305;
    
}
#box{
    position: absolute;
    left:406;
    top:15;
}

#snakeee{
    position: absolute;
    left: 305;
    top: 72;
}
#btas{
    position: absolute;
    left: 407;
    top:72;
}

#casca1{
    position: absolute;
    top: 130;
    left: 306;
}
#oce1{
    position: absolute;
    top: 130;
    left: 407;
    
}

#trains{
    position: absolute;
    top: 189;
    left: 306;
}
#fan {
     position: absolute;
    top: 189;
    left: 408;
}

#dean{
  position: absolute;
    top: 246;
    left: 306;
}

#city{
   position: absolute;
    top: 247;
    left: 407;  
}

#sup{
     position: absolute;
    top: 304;
    left: 306;
}

#cac{
    position: absolute;
    top: 304;
    left: 407;  
}

#frank1{
    position: absolute;
    top: 362;
    left: 306;
}

#blondie{
     position: absolute;
    top: 362;
    left: 407;  
}



#text2{
   
    color: #d5cdc7;
    text-align:center;
    position:absolute;
    top: 426;
    left: 353; 
    font-size: 16;
    width: 95;
    z-index: 4000
}



#stamps{

position: absolute;
left: 960;
top:322;


}
#stamps img{
  filter: grayscale(var(--value, 100%)); --value: 64%;
    z-index: 4000;

}

#fanlist{
   position:absolute;
    top: 153;
    left: -947; 
    width: 56;
    z-index: 3000;  
}
#div{
    position:absolute;
    top: 709;
    left: 954; 
    width: 568;
    transform: rotate(90deg);
    z-index: 3000;
    filter: grayscale(18%);
}

#sidebar{
position:absolute;
  width: 135px; /* Set the width of the sidebar */
  z-index: 1; /* Stay on top */
  top: 151; /* Stay at the top */
  left:12;
  background: url(images/own/wyethhhh.jpg);
 background-size:cover;
  overflow-x: hidden; /* Disable horizontal scroll */
    border: double
}
/* The navigation menu links */
#sidebar a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 25px;
  color: #d1cbc5;
  display: block;
    text-align: center
}
/* When you mouse over the navigation links, change their color */
#sidebar a:hover {
  color: #f1f1f1;
}

#revolver{
    position: absolute;
    left: 110;
top:282;
    height: 120;
    width: 138;
    transform: rotate(-0.25turn);
    filter: grayscale(var(--value, 100%)); --value: 24%;
}
#taylore{
    position:absolute;
    left: 77;
    top:345;
 color: #c1b7ae;

}
#taylor{
    border:groove;
    position:absolute;
    top: 368;
    left:13;
    filter: sepia(var(--value, 100%)); --value: 45%;
}

#border-guest{
    position:absolute;
    height: 132;
    width: 129;
    left: 72;
top:394; 
filter: grayscale(var(--value, 100%)); --value: 29%;
    z-index: 1000;
}
#guestbook{
    position:absolute;
    z-index:4000;
    left: 89;
    top:410;
    background: url(images/own/Dragan%20Bibin%20-%20Pull.jpg);
    background-size:cover;
    width: 96;
    height: 99;
    text-align:center;   
}
#guestbook1{
   position: absolute;
    left: 4;
    top: 1;
    
}

#change2{
    position: absolute;
    top: -9;
    left: -2;
}
#change{
    position:absolute;
    z-index:4000;
    left: 39;
    top:572;
    background: url(images/own/wyeth3.jpg);
    background-size:275%;
    background-position-x: 30%;
    background-position-y: 15%;
    width: 133;
    height: 209;
    text-align:center;
    font-size: 11;
    color:d1cbc5;
   padding: 4;
    overflow-y:auto;
    
}
#frame2{
  position:absolute;
    height: 279;
    width: 204;
    left: 7;
    top:541; 
    filter: grayscale(var(--value, 100%)); --value: 45%;
    z-index: 1000;
}
#change-int{
    position: absolute;
    top: 530;
    left: 28;
    color: #c1b7ae;
}



#intro2{
    position: absolute;
     color: #d6c4b3;  
   left:959;
    top:320;
    width: 301;
    height: 100;
 z-index: 4000;
}
#intro2>h4{
   padding: 6;
    padding-left: 13;
    padding-right: 13;
    background-color: #4b4946;
    border:ridge;
    font-size: 14;
    z-index: 4000;
}

#to-do{
    position: absolute;
    left: 959;
    top:628;
    z-index: 4000;
    background-color: #4b4946;
    border: groove;
    color:#d6c4b3;
    width: 233;
    height:175;
    font-size: 13;
    padding: 6;
}
#to-do h3{
    text-align: center;
    color: #f0decd;
    background: url(images/own/james-dean2.jpg);
    filter: grayscale(63%) contrast(105%) saturate(159%);
    background-size:cover;
    padding-top: 23;
    padding-bottom: 27;
    width: 239;
    height: 10;
    top: -12;
    left: 3;
    position: absolute
   
    
}
#to-do ul{
    position: absolute;
    top: 60;
    left: -17;
}

#art-credits{
    background-color: #4b4946;
    position: absolute;
    top: 824;
    left: 959;
    width: 243;
    height: 182;
    text-align: center;
    padding: 1;
    color: #d6c4b3;
    border: groove
}








#track-ex{ 
    position: absolute;
    top:848;
    left: 12;
    width: 190;
    font-size: 13;
color: #beae9c}

audio{
    position: absolute;
    top:818;
    left: 11;
    width: 192;
}

#div5{
position: absolute;
width: 135;
top:855;
left: 42;   
z-index: -44;
filter: grayscale(28%);

    
}
#div5:hover{
 transform: scale(1.1)
}
#div6{
position: absolute;
width: 180;
top:695;
left: 1274;   
z-index:5000;


    
}

#links{
    position: absolute;
    width: 196;
    left: 1263;
    top: 726;
    z-index: 5000000;
    padding: 3;
    text-align: center;
    color:#f0decd

}
#links a{
    color: #f0decd;
    text-decoration: none;
    
}
#links a:hover{
color: #c1b7ae
}

#boned{
    position: absolute;
    width: 42;
    left: 1342;
    top:800;
    z-index: 5000;
    transform: rotate(17deg);
    filter: grayscale(56%);
    transition: 0.5s ease-in-out
   
}
#boned:hover{
    animation-name: shake-bottom;
		animation-duration: 1s;
		animation-timing-function: linear;
		animation-delay: 0s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: none;
}
@keyframes shake-bottom {
			
		0% {
			transform:rotate(17deg);
			
		}
		10% {
			transform:rotate(10deg);
		}
		20% {
			transform:rotate(14deg);
		}
		30% {
			transform:rotate(10deg);
		}
		40% {
			transform:rotate(14deg);
		}
		50% {
			transform:rotate(10deg);
		}
		60% {
			transform:rotate(14deg);
		}
		70% {
			transform:rotate(10deg);
		}
		80% {
			transform:rotate(14deg);
		}
		
			
		
	}


#mac{
  position:absolute;
    top: 1101;
    left:690;
}
#neo{
    position: absolute;
    top: 1136;
    left: 649;
    width: 168;
    filter: contrast(119%) grayscale(15%);
    display: block;
    margin:auto; 
}
#neo:hover{
    
transform: scale(1.04);


}

@keyframes grain{
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
}
@keyframes vibrate-slow1 {
			
		0% {
			
		}
		20% {
			transform:translate(2px,-2px);
		}
		40% {
			transform:translate(2px,2px);
		}
		60% {
			transform:translate(-2px,2px);
		}
		80% {
			transform:translate(-2px,-2px);
		}
		100% {
			
		}
	}
#frame3{
    position: absolute;
    width: 184;
    
    left: 1265;
    top:786;
    
}


#teeth5{
    position: absolute;
    left: 50;
    
}
footer{
position:relative;
top: 1142;
}
#backg{ 
position: absolute;
left: 915;
    top: 135;
    
    width: 555;
  filter: opacity(var(--value, 100%)); --value: 55%;
    
    z-index:1000;
}
body{
    background-image: url(images/own/ezgif-891e0537712e13.jpg)
        
}