:root {
--second: rgb(253, 171, 89);
--bg: rgb(39, 39, 39);
}

body {
background-image: url("/creations/assets/creations_bg.png");}

p {
padding: 1rem;}

#middle {
width: 80%;
margin: auto;
display: block;}
#middle div {
margin: 0 auto 4rem;}

.intro {
width: 50%;}

ol{
padding: 1rem;
margin: 0;}
li {
list-style: none;}

#borders {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;}

.border_entry {
width: 30%;
padding: 1rem;
box-sizing: border-box;
margin: .5rem;}

.entry {
width: auto;
height: 250px;
display: inline-block;
filter: drop-shadow(.25rem .25rem .1rem black)}



@media screen and (orientation:portrait) {
#middle{width:auto; margin:0 .5rem 2rem;}
.intro{width:80%;}
#borders{display:block;}
.border_entry{width:auto; margin:.5rem auto;}
.entry{height:auto;}
}