body
{
background-color: rgb(0, 0, 0);
color: rgb(255, 255, 255);
background-color: rgb(16, 0, 32);
background-image: url('kitchenstars.png');
}

.content
{
padding: 15px;
border-style: double;
border-width: 10px;
border-color: rgb(255, 150, 255);
border-radius: 100px;
box-shadow: 0px 0px 8px 1px rgb(255, 0, 255), 0px 0px 25px 3px rgb(255, 0, 255), 0px 0px 25px 3px rgb(255, 0, 255) inset, 0px 0px 8px 1px rgb(255, 0, 255) inset;
background-image: url('tiles.png');
background-color: rgb(16, 0, 32);
}

h1
{
text-align: center;
color: rgb(255, 242, 249);
text-shadow: 0px 0px 3px rgb(255, 0, 128), 0px 0px 10px rgb(255, 0, 128), 0px 0px 25px rgb(255, 0, 128), 0px 0px 35px rgb(255, 0, 128), 0px 0px 50px rgb(255, 0, 128), 0px 0px 75px rgb(255, 0, 128), 0px 0px 100px rgb(255, 0, 128);
}

.sidebar
{
border-style: double;
border-width: 10px;
border-color: rgb(255, 150, 255);
border-radius: 20px;
box-shadow: 0px 0px 8px 1px rgb(255, 0, 255), 0px 0px 25px 3px rgb(255, 0, 255), 0px 0px 25px 3px rgb(255, 0, 255) inset, 0px 0px 8px 1px rgb(255, 0, 255) inset;
background-color: rgb(0, 0, 0);
}

ul.recipes
{
list-style-image: url('stoolsmall.png');
margin-left: 10px;
}

a:link
{
color: rgb(160, 0, 255);
}

a:visited
{
color: rgb(120, 0, 255);
}

a:hover
{
color: rgb(232, 191, 255);
text-shadow: 0px 0px 2px rgb(171, 26, 255), 0px 0px 6px rgb(171, 26, 255), 0px 0px 15px rgb(171, 26, 255), 0px 0px 23px rgb(171, 26, 255);
}

span.recipe
{
font-weight: bold;
font-size: 1.5em;
color: rgb(190, 64, 255);
}

.centered
{
text-align: center;
}

hr
{
border-style: solid;
border-color: rgb(255, 0, 0);
border-width: 1px;
width: 60%;
margin: 25px auto 25px auto;
}

@media only screen and (max-width: 1050px)
{
.content
{
margin-right: 0%;
margin-left: calc(150px + 1%);
border-width: 3px;
}

img
{
max-width: 100%;
height: auto;
}

.sidebar
{
left: 0px;
border-width: 3px;
padding: 0px;
}
}

@media only screen and (max-width: 750px)
{
body
{
font-size: 1.07em;
}

.sidebar
{
display: none;
}

.content
{
width: auto;
max-width: 100%;
margin-left: 1%;
margin-right: 1%;
padding: 3px;
}

img
{
max-width: 100%;
height: auto;
}

.mobileplebs
{
display: block;
border-style: solid;
border-width: 4px 0px 4px 0px;
border-color: rgb(255, 64, 255);
background-color: rgb(22, 0, 32);
margin-top: 10px;
margin-bottom: 10px;
}

.maincontent
{
margin-top: 0px;
}

.headerimage
{
margin: 0px;
padding: 0px;
}

.mobileplebs a:link
{
padding: 16px 32px 16px 32px;
font-size: 1.1em;
}
}