p {
    color:#352620;
    font-family:'Times New Roman', Times, serif;
}

table {
    color:#352620;
    font-family:'Times New Roman', Times, serif;
    }
    
td {
  margin: 5px;
}

th{
  background-color: #ffffff;
}

@font-face {                  
font-family: 'jgs7';
src: url(https://humantooth.neocities.org/fonts/jgs7.woff) format('woff');
font-weight: normal;
font-style: normal;
} 

.navbar{
    background-color:#ffffff;
    font-family: 'jgs7';
    border-color:#352620;
    display: flex;
    align-items:center;
    justify-content: space-around;
    border: 10px solid transparent;
    /* border-image: url(https://file.garden/aZzYrV312E5LWCLD/bow%20divider%20and%20possible%20border) 799 round; */
    font-size: large;
}

body {
        background-image: url(https://file.garden/aZzYrV312E5LWCLD/bg-pink-grid);
        max-width: 1000px;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        }

a{
    color:#433333;
    font-family: 'jgs7';

}

.peanuts {
    margin: 5%;
    position: absolute;
}

.left {
    left: -5%;
    top: 47%;
}

.center {
    left: 32%;
    top: 40%;
}

.right {
    left: 70%;
    top: 30%;
}

.leftheader {
  position: absolute;
  font-size: 48px;
  color: #e08aa3;
  font-family:'Times New Roman', Times, serif;
  font-weight: bolder;
  -webkit-text-stroke: 2px #351a24;
  top: 20%;
  left: -1%;
  transform: rotate(-6deg);
}

.vidheader{
  position: absolute;
  font-size: 64px;
  color: #e08aa3;
  font-family:'Times New Roman', Times, serif;
  font-weight: bolder;
  -webkit-text-stroke: 2px #351a24;
  top: 60%;
  left: 15%;
}

.shadow {
    filter: drop-shadow(2px 2px 2px #5d5559);
}

.mainpage{
    display: flex;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: 30px;
    justify-content: center;
}

.backing{ 
    position: relative;
    display: inline-block;
}

.vid{
    display: flex;
    position: absolute;
}

.cam{ 
    position: relative;
    display: block;
    pointer-events: none;
    top: 0;
    left: 0;
    z-index: 2;
}

.hidari {
    width: 250px;
    height: auto;
    margin-left: auto;
    margin-right: 10px;
    position: relative;
    flex-direction: column;
    display: flex;

}

.naka{
    width:500px;
    height: auto;
    display: flex;
    position: relative;
    flex: 1; 
    justify-content: center;

}

.selection {
    width: 435px;
    height: 361px;
    position: relative;
    display: flex;
    margin-top: 30px;
    margin-bottom: 30px;
}

.migi {
    width: 250px;
    height: auto;
    flex-direction: column;
    display: flex;
    margin-left: 10px;
    margin-right:auto;
    position: relative;
    justify-content: flex-start;
    

}

.sticker{    
    padding: 10px;
    animation: floating 1s infinite alternate;
    display: flex;
    
}

@keyframes floating{
  from {transform: translateY(0px);}
  to {transform: translateY(-15px);}
}