#titleFront{
  
  background-image: url('/images/graphics/wii.png');
}  




  .about{
    background-image: url(/images/bg/chat.png);
  }

  .about img{
    height: 17px;
    width: auto;
    image-rendering: pixelated;

  }



  .info{
   text-align: left; 
   padding: 5px 15px;
  }

  #flags {
    display: block;
    margin: auto;  
    text-align: center;
  }

  #flags img{
    width: 20px;
    height: 100%;
    margin-top: 5px;

  }


#containerBox{
border:1px solid black; 
border-radius:10px;
padding:15px;
margin-bottom:10px;
width:auto;
background-repeat: repeat;
background-size: 30%;
}

#containerBox p{
  border:1px solid black; 
  background-color:white; 
  padding:5px;
  border-radius:5px;
  line-height:115%;
}

#linkBox{
  display: flex;
  justify-content: space-between; 
}

#linkBox img{
  width: auto;
  height: 120px;
  margin: auto;
}


#links {
  border:1px solid black; 
  border-radius:10px;
  padding:15px;
  width: fit-content;
  }

  #links ul.tree-view{
    margin-left: -30px!important;
    margin-bottom: -10px!important;
    font-family: basiic;
    text-align: left;
    font-size: smaller;
  }

  #links ul.tree-view a{
    color: #0066cc;
  }

  #links ul.tree-view a:hover{
    color:#3399ff;
  }

.album{
  z-index:1;
  padding: 5px!important;
  height: 110px!important;
}

.album img{
  width:auto;
  max-height: 110px;
  
  }  


marquee {
  display: block;
  width: 100%;
}


.mutualsBox{
  width: 120px!important; 
  padding: 10px 5px!important;
  margin: auto;
  background-image: url(/images/bg/friends.png);
  background-size: 80%!important;
  position: relative;
}
.mutuals{
padding:10px;
overflow:auto;
height:270px;
width: 90px;
margin: auto;
text-align: center;
line-height: 110%;
}

.mutualsfloatie{
  position: absolute;
  right: -20px;
  bottom:-20px;
  transform: rotate(8deg);
  width: 35%;
  height: auto;
}

.interests{
  height:90px; 
  padding: 10px!important;
  overflow: auto;
  font-size: smaller;
  line-height: 130%;
}

.tab{
  margin-bottom: 10px;
}

.tablinks{
  margin-bottom: 10px;
}

.relative{
  position: relative;
}

.dogs{
  position: absolute;
  bottom:0;
  left:0;
}

@media (max-width: 800px) {
.mutualsBox{
  width: auto!important; 
  padding: 5px 10px!important;
  background-size: 40%!important;
  background-repeat: repeat;
  position: relative;
}

.mutuals{
  width: auto;
  }

  .mutualsfloatie{
    right: -.1em;
    bottom:-1em;
    transform: rotate(8deg);
    width: 8vw;
    height: auto;
  }
}

body{
  margin: 0px;
}