.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;
}


a:link {
    color: darksalmon
}
a:visited {
  color: mediumpurple;
}
a:hover {
  color: pink;
}

h4 {
    margin-bottom: 0;
}
p {
    margin-top: 0;
}

#title {
    text-align: center;
    margin-bottom: 10px;
}

main {
    display: flex;
    max-width: 960px;
    margin-right: auto;
    margin-left: auto;
}

#sidebar {
    flex: 0 0 200px;
}

#allposts {
    max-width: 960px;
    padding-inline: 10px;
}
    
article {
    padding-block: 4px;
    width: 740px;
}




.tags {
  border-top: 2px dashed #FB8AAB;
  padding: .4em 0;
}
.tags a {color: deeppink}
.tags span {color: red;}
.tags a,
.tags span {
  font-size: small;
  padding: .2em .5em;
  border-radius: 1em;
  text-decoration: none;
}
.tags a:hover {
  background: purple;
  text-decoration: underline;
}

.tagged:has(input:checked) article {display: none;}
.tagged:has(#all:checked) article,
.tagged:has(#art:checked) article[class~="art"],
.tagged:has(#website:checked) article[class~="website"],
.tagged:has(#game:checked) article[class~="game"],
.tagged:has(#anime:checked) article[class~="anime"] {display: inline-block;}