nav{
    font-size: 20px;
   
}

.navbar{
    background-color: #8a0000;
    
    width: 100%;
}

.nav-item{
   
    margin-left: 3px;
}


h1{
    text-align: left;
    padding: 10px;
    margin: 15px;

}

.mi-mirror-white{
    margin-top: 15px;
    background-color: #580000;
    padding: 20px;
    min-width:150px !important;
}
.p{
    min-width: 250px;
}
#intro-title{
    text-align: center;
    margin-top: 15px;
    background-color: #ff9e79;
    width: 100%;
    padding:8px;
}


/* YUMEKO GIF */


.yumeko-gif{
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-top: 15px;
  
}



#fun-facts-title{
    text-align:center;
    background-color:#8a0000;
    color: #e7e7e7;
}

body{
    background-color: #ffcfa6;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
}

table{
    margin-left:auto;
    margin-right:auto;
    
}

th, td{
    font-size: 18px;
    color:rgb(221, 221, 221);
    padding: 10px;
    border: 2px solid;
    background-color: #c23b22;
}

#pic-me-and-mi{
   margin-left: auto;
   margin-right: auto;
    margin-top: 15px;
    height: 450px;
    width:400px;
   margin-left: 30px;
}

/* flip card */
.flip-card{
    background-color: transparent;
    width: 400px;
    height: 450px;
    perspective: 1000px;
}

.flip-card-inner{
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner{
    transform:rotateY(180deg);
}

.flip-card-front,.flip-card-back{
    position:absolute;
    width: 100%;
    height:100%;
    backface-visibility: hidden;
}

.flip-card-front{
    
    color:black;
}

.flip-card-back{
    transform: rotateY(180deg);
}

#pic-me-and-mi-2{
    width:400px;
    height:450px;
}




figcaption{
    text-align: right;
    margin-right: 25%;
}
.g{
    min-width:500px;
    
}
.anime-gif{
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    height: 450px;
    width: 400px;
   
}

.d{
    text-align:left;
}
.fav-memories-title{
    text-align: center;
    margin-top: 5%;
    background-color: #dd6d41;
}

.m{
    min-width: 300px !important;
}
#our-song-title{
    text-align:center;
    background-color:#b60505;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5%;
    margin-bottom: 20px;
}

.august{
    display:block;
    margin-left:auto;
    margin-right:auto;
}

.august-text{
    background-color: #a3554765;
    padding: 8px;
    margin-top: 0px;
}

.mi-outside-pic{
    display:block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.mi-text{
    text-align: center;
    
}

.mi-text2{
    text-align: center;
    margin-bottom: 15%;
}