.container{
    
    position:absolute;
    margin-top: 50%;
    margin-left:153%;
    border: white solid 7px;
    box-shadow: 5px 5px 5px 5px #7f3030;
}




.containerright{
    display: flex;
    position: absolute;
    background-image: url("https://files.catbox.moe/tv70wp.jpg");
    flex-direction: column;
    width: 300px;
    padding: 10px;
        align-items: center;
    border-radius: 30px;
    border: solid white 7px;
    z-index: 10;
    margin-left: -45%;
    margin-top: 10%;
    box-shadow: 5px 5px 5px 5px #7f3030;

    
}
@font-face {
font-family: minecraftia;
src: url(https://dl.dropbox.com/s/qrro6u0lx00x66j/Minecraftia-Regular.ttf?);
}
 

 


.containerright img{
    justify-content: center;
    
    scale: .9;
    
    
}

.containerright a{
    
    position: relative;
    
}
.mood{
    scale: 2;
background-color: rgba(155, 78, 38, 0.63);
    text-decoration: none;
   font-family: minecraftia;
    color:white; 
    
}



.mood img{
    
    position: absolute;
    left:-30%;
    top:10%;
    scale:1.3
    
}
body{

    display: flex;
}
.everything{
    flex-wrap: wrap;

}






.ul{
    list-style-type: none;
    
    
}


.navbar ul{
    display: flexbox;
    list-style-type: none;
    background-image: url("https://files.catbox.moe/sjpv00.png");
    
    padding:20x;
   padding-left: 50px;
    padding-right: 50px;
    overflow: hidden;
        
        border-radius: 15px;
    border: white dashed 3px;
    box-shadow: 5px 5px 5px #8d2c2c;
    
    
}
.navbar a{
    color:#d30000;
    text-decoration: none;
    padding:15px;
    display: block;
    text-align: center;
    font-family: 'wonderian';
    font-size: 1.5em;
    filter: drop-shadow(1px 1px 1px black);
    
}


.navbar li{
    float: left;

    

    
}

.navbar a:hover{
    
    background-image: linear-gradient(to right, 
        rgba(75, 49, 13, 0.77), rgba(255,0,0,0), rgba(75, 49, 13, 0.77));
    border-radius: 7px
    
    
}
.bar{
    position: relative;
    
    
    
}

.bar ul{
  position: relative;
  top: 50%;
  left: 50%;

    
    
    
} 
@font-face {
font-family: 'Magica';
src: url(https://static.tumblr.com/p6yopnt/Qkiqnu0r5/theheart.ttf);
}
 
#magica {
font-family: 'Magica';
font-size: 20px;
}


@font-face {
font-family:'kiwi';
src: url(https://dl.dropbox.com/s/388cvx0do21kj3n/KiwiSoda.ttf);
}
#kiwi{
font-family: 'kiwi';
font-size: 20px;
}


@font-face {
font-family:'wonderian';
src: url(https://files.catbox.moe/d06q63.otf);
}
#wonderian{
font-family: 'wonderian';
font-size: 20px;
}

.tvwhole{
    position:relative;

}
    
.bob{
    position: absolute;
  margin: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

    
}
    
.tv{
    
 margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-25%, -22%);
    z-index: -1;
    scale: 2;
    
    
}
.video{
    scale:2;
    width:188px;
    height: 140px;
    margin-bottom: 15%
    
}


.containa{
    border:dashed white 10px;
    height: 600px;
    width: 900px;
      position: absolute;
  top: 50%;
  left: 50%;
      transform: translate(-50%, -50%);
    background-image: url("https://files.catbox.moe/3mn7vt.jpg")
        
    
}
.pfp{
  border-radius: 15px;
    box-shadow: 3px 3px 3px #975824;
    
    background-color: rgba(181, 109, 51, 0.79);
}

#stickynote1 {
    width: 180px;
    margin-bottom: 20px;
    position: absolute;
    z-index: 100000000000;
    top: 605px; /** position from top of screen **/
    left: 79px; /** position from left of screen **/
}
 
#stickynote1 {
    width: 250px; /** width of your sticky note **/
    background-color: rgba(165,216,216,0.7); /** background colour **/
}
 
.dragstickynote1 {
    font-family: consolas;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px;
    background-color: rgba(255,255,255,0.4);
}
 
.closestickynote1 {
    cursor: pointer;
    margin-left: 220px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-family: ki;
    font-size: 10px;
    position: absolute;
    text-align: center;
    float: right;
    background-color: rgba(255,255,255,0.4);
}
 
.stickynotecontent {
    padding: 10px;
    font-family: cocogoose;
    font-size: 10px;
}
 
.stickynotecontent b,strong {
    color: #000000; /** colour of bolded text **/
}
 
.stickynotecontent i,em {
    color: #666666; /** colour of italic text **/
}
 
.stickynotecontent a {
    text-decoration: underline;
    color: #666666; /** colour of linked text **/
}
 
.stickynotecontent a:hover {
    color: #aaaaaa; /** colour of hovered linked text **/
}
.containerright p{
    
    color:rgba(240, 248, 255, 0);
    
    
}

.sandwich{
        
 scale: .65;       
    margin-left: -40%;
    margin-top: -20%;
    rotate: -12deg;
   
}


    



.stikker1{
   position:absolute;
    
    z-index: 9999999999;
    left: 30%;
    top:17%;
    rotate: -20deg;
    
}

.stikker2{
   position:absolute;
    scale:.5;
    z-index: 9999999999;
    left: 15%;
    top:57%;
    rotate: 7deg;
    filter: drop-shadow(6px 6px 6px #453a3a);
    
}
.stikker1:hover{
    
    rotate: 6deg;
    scale:.89;
    
}
.stikker2:hover{
    
    rotate: -6deg;
    scale:.47;
    
}
.stikker3{
   position:absolute;
    scale:1.2;
    z-index: 9999999999;
    left: 65%;
    top:-1%;
    rotate: -15deg;
    filter: drop-shadow(6px 6px 6px #453a3a);
    
}
.stikker3:hover{
    
    rotate: -1deg;
    scale:1.1;
    
}
.stikker4{
   position:absolute;
    scale:1.2;
    z-index: 9999999999;
    left: 60%;
    top:59%;
    rotate: 4deg;
    filter: drop-shadow(6px 6px 6px #453a3a);
    
}
.stikker4:hover{
    
    rotate: -1deg;
    scale:.99;
 }
.stikker5{
   position:absolute;
    scale:.3;
    z-index: 9999999999;
    left: -2%;
    top:40%;
    rotate: 4deg;
    filter: drop-shadow(6px 6px 6px #453a3a);
    margin: 0;
}
.stikker5:hover{
    
    rotate: -1deg;
    scale:.28;
    
}


.stikker6{
   position:absolute;
    scale:.7;
    z-index: 9999999999;
    left: 20%;
    top:40%;
    rotate: 4deg;
    filter: drop-shadow(6px 6px 6px #453a3a);
    margin: 0;
}
.stikker6:hover{
    
    rotate: -1deg;
    scale:.28;
    
}
.containa marquee{
box-shadow: inset 5px 5px 15px #3e2104;
    border:white 2pt solid;
    border-radius: 40px;
    background-image: url("https://files.catbox.moe/sjpv00.png");
    
    color: white;
    font-family: cocogoose;
    outline: white ;
    
}



.stikker8{
   position:absolute;
    scale:.7;
    z-index: 9999999999;
    left: 11%;
    top:4%;
    rotate: -11deg;
    filter: drop-shadow(6px 6px 6px #453a3a);
    margin: 0;
}

.stikker9{
   position:absolute;
    scale:.6;
    z-index: 99999999;
    left: 59%;
    top:20%;
    rotate: -5deg;
    filter: drop-shadow(6px 6px 6px #453a3a);
    margin: 0;
}

.stikker7{
   position:absolute;
    scale:.7;
    z-index: 99999999;
    left: 40%;
    top:51%;
    rotate: 85deg;
    filter: drop-shadow(6px 6px 6px #453a3a);
    margin: 0;
}