@import "https://fonts.googleapis.com/css?family=Lobster:300,400,500,600,700";

.pagetitle {
    font-family: 'Lobster', sans-serif;
    color:rgb(236, 93, 37);
    font-size: 24pt;
    margin-top:30px;
}
.sectiontitle {
    margin-top:10px;
    color:rgb(39, 14, 200);
    font-size: 20pt;
    padding-left:20px;
    font-weight: bold;
}
.unittitle {
    font-family: 'Lobster', sans-serif;
    color:rgb(236, 93, 37);
    font-size: 17pt;
}
.unitbox {
    height:150px;
    border:1px #888 solid;
    border-radius: 5px;
    padding: 10px;
    vertical-align: middle;
    box-shadow: 0px 0px 5px #9a9a9a;
    margin:5px;
}
.unitbox:hover {
    color:#a30336;
    cursor:pointer;
    height:150px;
    border:2px #ff6b54 solid;
    border-radius: 5px;
    padding: 10px;
    vertical-align: middle;
    box-shadow: 0px 0px 10px #f6a3a3;
}

.main {
    padding:20px 40px 20px 20px;
    width:100%;
}

.unititem {
    width:220px;
    border:1px #a5a5a5 solid;
    border-radius: 5px;
    padding: 10px;
    vertical-align: middle;
    box-shadow: 0px 0px 5px #a1a1a1;
    display:flex;
    align-items: center;
    margin:10px;
}
.unititem div {
    display:flex;
    padding: 5px;
}

.recipetitle{
    font-family: 'Lobster', sans-serif;
    color:#2404a7;
    font-size: 24pt;
}
.recipecontent{
    color:#2f2f2f;
    font-size: 14pt;
}

a.bookmark:link {
    color:rgb(188, 2, 12) !important;
}
a.bookmark:visited {
    color:rgb(188, 2, 12) !important;
}

em {
    color:rgb(237, 88, 18);
    font-style: normal;
}

.codeblock {
    width:100%;
    padding-left:20px;
    padding-right:20px;
    border:none;
    border-radius:5px;
    background-color: rgb(0, 0, 0);
    margin-top:10px;
    white-space: pre-wrap;
    color:#1ef758;
}

.backbtn {
    position:fixed;
    z-index:999;
    top:10px;
    right:30px;
    font-size:10pt;
}
.topbtn {
    position:fixed;
    z-index:999;
    bottom:30px;
    right:30px;
    font-size:10pt;
}
mark {
    background-color:rgb(255, 255, 45);
    padding:0px !important;
}