.outer {
    border-width: 7px; 
    border-style: solid; 
    border-image: url(/imgs/borderpink.gif) 6 fill round; 
    border-radius:10px;
    max-width: 1080px;
    margin: auto;
}.outer2 {
    border-width: 7px; 
    border-style: solid; 
    border-image: url(imgs/borderpinker.png) 6 fill round; 
    border-radius:10px;
    max-width: 1080px;
    margin: auto;
}.outer3 {
    border-width: 7px; 
    border-style: solid; 
    border-image: url(imgs/borderyellow.png) 6 fill round; 
    border-radius:10px;
    max-width: 1080px;
    margin: auto;
}.outer4 {
    border-width: 7px; 
    border-style: solid; 
    border-image: url(imgs/borderblue.png) 6 fill round; 
    border-radius:10px;
    max-width: 1080px;
    margin: auto;
}
.inner {
    width: 100%;
    top: 0;
    height: 250px;
    max-width: 1080px;
    background-image:url(imgs/websiteheader.png);
    align-content: center;
    text-align: right;
   
}.outer2head {
    border-width: 21px; 
    border-style: solid; 
    border-image: url(imgs/borderpinker.png) 7 fill round; 
    border-radius:10px;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

#credit a {
    color: rosybrown;
}
h2 {
    margin-bottom: 0;
} p {
    margin-top: 0;
    margin-bottom: 5px;
} h4 {
    margin: 0;
    color: hotpink;
} a {
    color: hotpink;
} mark {
    background-color: #FDDEEE;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 20px;
    color: hotpink;
    font-weight: bold;
}

.wobble {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    font-size: 2.1rem;
    font-family: 'Lucida Console';
    color: skyblue;
    width: 270px;
    letter-spacing: -5px;
    
}
@keyframes wobb {
  0%, 100%   {transform: translateY(0)}
  25%  {transform: translateY(-3px)}
  70%  {transform: translateY(3px)}
}
.wobble span {
  animation-name: wobb;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration: 400ms;
  display: inline-block;
  transform: translateY(0);
}

.head {
    width: 550px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    text-align: center; 
}
.head p {
    margin-left: 20px;
    margin-right: 20px;
}


.contents {
    display: flex;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 20px;
    padding-right: 150px;
}

.nav {
    flex: 0 0 300px;
}
.latest {
    width: 600px;
    margin-left: 10px;
    margin-right: 10px;
}

.latestpost p {
    padding-inline: 40px;
}

.nav2 {
    flex: 0 0 300px;
    margin-right: 30px;
}

#updatetitle {
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 999;
} #updatetitle p {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: large;
    font-weight: bold;
    color: rosybrown;
    
} #update {
    margin-top: -25px;
    padding: 5px;
    max-height: 250px
} #update p {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    scroll-padding-right: 5px;
    background-color: white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-bottom: 0;
    margin-left: 5px;
    border-bottom: pink 3px dotted
}
#update::-webkit-scrollbar-track{
  background-color: rgba(221, 250, 255, 0.99);
} #update::-webkit-scrollbar{
  width: 9px;
} #update::-webkit-scrollbar-thumb{
  background-color: #ffffff;
  border: 2px solid pink;
}
#guest {
    width: 150px;
    margin-bottom: 20px;
}

#statustitle {
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 999;
} 
#statustitle p {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
    color: rosybrown;
}
#status {
    margin-top: -25px;
}
#statusimg p {
    margin-top: 20px;
    color: hotpink;
    font-weight: bold;
}

.latestposttitle {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: -15px;
    color: rosybrown;
    background-color: #ffffce;
    width: 170px;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 999;
    text-decoration-line: underline;
}
article {
    max-width: 960px;
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    padding-bottom: 15px;
    background-color: white;
    border-radius: 17px;
    border-color: hotpink;
}
#allblog {
    width: 200px;
    margin-top: -15px;
    position: relative;
    z-index: 999;
}
#copyrit {
    color:rosybrown;
}

#flwrdgif {
    margin-top: -15px;
    width: 250px;
    margin-bottom: -25px;
}
#about {
    width: 200px;
    position: relative;
    z-index: 999;
}
#links {
    margin-top: -25px;
    margin-left: auto;
    margin-right: auto;
    width: 250px;
    border-width: 7px; 
    border-style: solid; 
    border-image: url(imgs/borderpink.gif) 6 fill round; 
}
.innerlinks {
    background-image: url(imgs/cutebg.jpg);
    align-content: center;
}

#credit {
    margin-top: 10px;
    color:rosybrown;
    width: 220px;
    font-style: italic;
}