body{
    background-image:url(https://file.garden/aKoFy7LZKBsHiy35/tumblr_9c5cebd5f1581300ac12af9bf7cc6aa7_01051d3f_2048.jpg);
    background-size:650px;
    background-repeat:no-repeat;
    background-position: bottom right;
    background-attachment: fixed;
    cursor:url(https://static.tumblr.com/xjqjg7j/1LFmxtzt5/71.gif), url(https://static.tumblr.com/xjqjg7j/1LFmxtzt5/71.gif), auto;
    position:relative;
 }
 ::selection {
 color: #6aa2a2;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color:#b7e9e9;
border:1px solid #6aa2a2;
border-radius:20px;
}
::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-webkit-scrollbar-track-piece {
background-color:rgba(255, 255, 255, 0);
border-radius:20px;
}
 #container{
    position:relative;
    width:700px;
    max-width:700px;
    height:720px;
    padding:5px;
    margin:0 auto;
    background-image:url(https://file.garden/aKoFy7LZKBsHiy35/dot-08-13.gif);
    background-size:50px;
 }
@font-face{
  font-family:viv;
  src:url(https://file.garden/aKoFy7LZKBsHiy35/Vividly-Regular.ttf);
}
@font-face{
  font-family:chalk;
  src:url(https://dl.dropbox.com/s/xaspbkonff6y9uf/antre.otf);
}
h2 {
 color: #fff;
 font-family: chalk;
 font-size: 35px;
 font-weight:normal;
position:absolute;
bottom:-25px;
left:10px;
text-shadow: 1px 1px 0px #72a072, -1px -1px 0px #72a072, -1px 1px 0px #72a072, 1px -1px 0px #72a072, 0px 0px 1px #72a072, 0px 0px 1px #72a072, 0px 0px 1px #72a072, 0px -1px 1px #72a072, 2px 1px 1px #72a072, 0px 1px 1px #72a072;
}
#gallery{
margin-left:5px;
margin-top:2px;
float:left;
height:auto;
width:165px;
position:relative;
}
#stamp{
  float:left;
  width:100%;
  margin-top:2px;
}
#gallery img.slides{
  width:100%;
}
#sticker{
  float:left;
  background-image:url(https://file.garden/aKoFy7LZKBsHiy35/tumblr_px1ymhwpTu1yp1mz1o1_1280.png);
  background-size:50%;
  width:280px;
  height:283px;
  margin-top:-55px;
  opacity:.5;
}
.slides-hidden { 
  display : none; 
}
 #outer{
   border-width: 7px; 
border-style: solid; 
border-image: url("https://i.imgur.com/2jXrMdE.png") 11 fill round;
    position:relative;
    margin-top:10px;
    margin-left:100px;
    width:710px;
    height:730px;
    padding:5px;          
 }
 #header{
    width:100%;
    height:200px;
    background-image:url(https://file.garden/aKoFy7LZKBsHiy35/tumblr_05eedbe45ad34845806f30123499c0c5_a0fadad0_2048.jpg);
    background-size:100%;
    background-position: 50% 20%;
    background-repeat: no-repeat;
    position:relative;
 }
 main{
   background:#ffdae0;
   width:450px;
   height:215px;
   border-radius:10px;
   position:relative;
   display:flex;
   padding:5px;
   margin-top:10px;
   border:1px solid #d6a6ae;
 }
 main .city{
background:white;
border-radius:10px;
width:96%;
height:88%;
margin:0 auto;
margin-top:13px;
border:1px solid #d6a6ae;
padding:5px;
z-index:50;
font-size:18px;
overflow:auto;
 }
.labela, .labelb{
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   border-bottom-left-radius: none;
   border-bottom-right-radius: none;
      height:30px;
   padding:10px 5px;
 }
 .labela a, .labelb a{
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   border-bottom-left-radius: none;
   border-bottom-right-radius: none;
   padding:5px 12px;
   font-size:17px;
   font-family:chalk;
   color:#7a5d4e;
   margin-top:-15px;
 }
 .labela{
background:#b8e8e8;
border:1px solid #6aa2a2;
 }
 .labela a{
   border:1.5px dashed #6aa2a2;
 }
 .labela a:hover{
  color:#6aa2a2;
 }
 .labelb{
   background:#c8f6c8;
   border:1px solid #72a072;
 }
 .labelb a{
border:1.5px dashed #72a072;
 }
.labelb a:hover{
  color:#72a072;
}
 #labels{
   position:absolute;
   z-index:50;
   top:-11px;
   right:18px;
 }
 #labels a:hover{
  font-style:italic;
 }
 #music-player {
                    display: flex;
            align-items: center;
            justify-content: center;
            position:absolute;
            right:20px;
            bottom:20px;
            height: 1.425em;
            width: 1.425em;
            font-size: 1.5em;
            padding: 0.125em;
            border-radius: 50%;
            border: 2px solid #c8f6c8;
            background: white;
            z-index: 1200;
            -webkit-animation: spin 4s linear infinite;
            -webkit-animation: spin 4s linear infinite;
            -moz-animation: spin 4s linear infinite;
            animation: spin 4s linear infinite;
 }
        @-moz-keyframes spin {
            100% {
                -moz-transform: rotate(360deg);
            }
        }
        @-webkit-keyframes spin {
            100% {
                -webkit-transform: rotate(360deg);
            }
        }
        @keyframes spin {
            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }
        #music-player:hover {
            -webkit-animation: pop 0.3s ease;
        }
 #fact{
  margin-left:70px;
  margin-top:30px;
  width:130px;
  height:80px;
  overflow:auto;
  font-size:20px;
 }
 #show-fact{
  margin-left:100px;
 }
 .head{
   width:150px;
   border-radius:50%;
 }
 #cast p{
  height:150px;
 }
a, div, details{
   font-family:viv;
}
summary{
  color:#72a072;
  font-weight:normal;
  font-size:20px;
}
summary::marker{
  color:black;
}
.city{
  font-size:20px !important;
  font-weight:normal;
}
button{
  color:#fff;
  background:#82aa51;
  font-family:viv;
  font-size:15px;
  border:none;
  padding:5px 10px;
}
button:hover{
  font-style:italic;
}
#img{
  width:220px;
  margin-top:5px;
  height:220px;   
padding:0;
display:flex;
border-width: 7px; 
border-style: solid;
   margin-right:5px;
   position:relative;
border-image: url("https://i.imgur.com/8xftJ3v.gif") 7 fill round; 
}
#facts{
  width:230px;
  height:150px;
  background-image:url(https://file.garden/aKoFy7LZKBsHiy35/clovers);
  background-size:100%;
  padding:10px;
}
#left{
    width:250px;
    float:left;
    margin-top:2px;
    height:200px;
}
#cast b{
  font-size:25px;
  text-shadow: 1px 1px 0px #000, -1px -1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px -1px 1px #000, 2px 1px 1px #000, 0px 1px 1px #72a072;
}
#cast b.blue{
  color:#6aa2a2;
  text-align:right;
}
#cast b.green{
  color:#72a072;
}
 #flex{
                display:flex;
            }
 @media only screen and (max-width: 600px) {
                #flex {
                    flex-wrap: wrap;
                }
                main {
                    order: 1;
                }

                #img {
                    order: 2;
                }
            }