body{
  background-image:url('/meats/pho3.png');
  background-size:40%;
}
p1{
  margin:0;
}
#lookmain {
  background-color: rgba(199, 247, 101,11);
  margin: auto;
  padding: 3rem;
  width: 95%;
  max-width: 64vw;
}
#main{
  background-color: rgba(20,10,10,1);
  margin: auto;
  padding: 1%;
  width: 95%;
  color:white;
  max-width: 70vw;
}
#intro{
  margin:2rem;
}
.hometabs a {
    background-color: black;
}
#nowrap{
  display:inline-block;
  width:92%;
  height:40vw;
  position: relative;
  background-clip: padding-box;
  border: 45px solid transparent;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-image: url('/extras/barb2.png') round;
  border-image-slice: 150;
  border-image-width: 5%;
}
#misc{
  display:inline-block;
  width:92%;
  height:20vw;
  background-color:white;
  background-clip: padding-box;
  border: 40px solid transparent;
  border-image: url('/extras/teeth3.png') round;
  border-image-slice: 75 fill;
  border-image-width:1.4;
}
#left{
  width:65%;
  margin:0;
  display:inline-block;
  height:100%;
}
#right{
  width:35%;
  margin:0;
  display:inline-block;
  height:100%;
  
}
div.scroll-container1 {
  overflow: auto;
  white-space: nowrap;
  padding: 0;
  height:50%;
  width:100%;
  align-content: center;
  overflow-y: hidden;
}

div.scroll-container1 img {
  padding: 0;
  height:100%;
}

div.scroll-container2 {
  overflow: auto;
  padding: 0;
  height:100%;
  width: 100%;
  align-content: center;
}

div.scroll-container2 img {
  padding: 0;
  width:100%;
}
div.scroll-container3 {
  overflow: auto;
  white-space: nowrap;
  padding: 0;
  height:100%;
  align-content: center;
  overflow-y: hidden;
}

div.scroll-container3 img {
  padding: 0;
  height:100%;
}

#titlebar1{
  position:absolute;
  color:white;
  top:44%;
  background-color:rgba(0,0,0,.7);
  width:64.2%;
}
#titlebar2{
  position:absolute;
  top:94%;
  background-color:rgba(0,0,0,.7);
  color:white;
  width:64.2%;
}
#titlebar3{
  position:absolute;
  width:34.5%;
  background-color:rgba(0,0,0,.7);
}
#titlebar1, #titlebar2, #titlebar3 {
  padding:.3%;
  padding-left: .5%;
}
#wardrobe{
  position:relative;
  width:80%;
  height:40vw;
  margin: 3% auto 5% auto;
  background-image: url(/meats/2ga.png);
  animation:bg-scroll 200s infinite linear;
  background-clip: padding-box;
  border: 30px solid transparent;
  border-image: url('/extras/whitelace.png') round;
  border-image-slice: 34;
}
#wardrobe img{
  animation: boil 1.2s infinite linear;
}
#wardrobe img:hover{
  animation:0;
  transform: scale(1.1);
}
#shirt{
  position:absolute;
  top:5%;
  left:52%;
}
#pants{
  position:absolute;
  top:10%;
  left:2%;
}
.shirt-content, .pants-content{
  display: none;
}
.shirt-div:hover + .shirt-content{
  display: block;
  color:black;
  position: absolute;
  top:17%;
  left:51%;
  background:white;
  width:25%;
  border:solid red;
  padding: .5rem;
}
.pants-div:hover + .pants-content{
  display: block;
  color:white;
  position: absolute;
}
@media only screen and (max-width: 1000px) {

  #main{
   margin: auto;
   padding: 3rem;
   width: 90%;
   max-width: 80vw;
   border-bottom-left-radius:1%;
   border-bottom-right-radius:1%;
  }
  #nowrap{
    height:50vw;
  }
}