:root {--gund-g:#eaeaea; --gund-r:#dd5555;--gund-lg:#c3c3c3; --gund-dg:#4b4b4b; --gund-ddg:#373737; --bg-black-100:#353535; --bg-black-50:#eef0f4; --bg-black-20:#414546;}

*, *:before, *:after {margin:0; padding:0; box-sizing:border-box;box-shadow: none;}

body {font-family:'Montserrat', sans-serif; background:var(--gund-g); background-size:100%; background:url(img/bg-1.jpg) repeat fixed; position:absolute; top:0; left:0; height:100%; width:100%; overflow:none; margin:0;}

.mo-openid-app-icons code p {display:none;}

.mo-openid-app-icons {padding-top:20px; text-align:center;}

.ce {display:table; margin:auto;}

#save {margin-left:50px !important; margin-top:20px;}

#events {display:none;}

tree {float:left;}

randomlist {float:right; margin-top:20px; margin-right:40%; font-family:"Montserrat"; font-weight:700; font-style:normal; text-align:right; text-decoration:none; font-weight:600; color:#eee; text-shadow:1px 1px 1px rgba(0,0,0,0.1);}

.ttitle {display:inline-block; margin-top:20px; margin-left:55px; width:max-content; padding-left:10px; padding-right:10px; padding-top:1px; height:22px; border-width:0px; text-align:center; background:#dd5555; border-radius:3px; color:#f9f9f9; font-size:16px; font-weight:600; transition:background .3s ease, color .3s ease; text-decoration:none; box-shadow:0 0 1px rgba(0, 0, 0, 0.2), 0 0 4px rgba(0, 0, 0, 0.1);}

nvb {position:absolute; display:block; top:150px; left:50px; width:fit-content; height:auto;}

nvl {font-family:'Montserrat'; font-weight:500; background:#f9f9f9; border-radius:5px; font-size:14px; color:#b4b4b4; text-align:left; box-shadow:0 -5px 1px -5px rgba(0,0,0, 0.3); text-shadow:1px 1px 1px rgba(0, 0, 0, 0.1); display:block; height:20px; width:150px; padding:0px 6px 0px 6px; margin-bottom:8px;}

nvl a:link {display:block; color:#dd5555; text-decoration:none;}

nvl a:visited {display:block; color:#7b5e3e; text-decoration:none;}

nvl a:hover {display:block; color:#444444; text-decoration:none;}

home {display:block; float:left; padding-left:10px;}

log {display:block; float:right; padding-right:10px;}

.postit-note {padding-top:30px;}

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

iframe {border-radius:5px; border:none; margin-top:20px}

.sbnt {display:block; margin:0 auto; width:150px; height:22px; border-width:0px; text-align:center; background:#dd5555; border-radius:3px; color:#f9f9f9; font-size:16px; font-weight:600; transition:background .3s ease, color .3s ease; text-decoration:none; box-shadow:0 0 1px rgba(0, 0, 0, 0.2), 0 0 4px rgba(0, 0, 0, 0.1);}

.submit:hover {background:#e5e5e5; color:#929797;}

.submit.submit-primary {background:#dd5555; color:rgba(255, 255, 255, 0.9);}

.comment-box {margin:0 auto;}

.btn {display:block; margin:0 auto; width:150px; height:22px; padding-top:2px; text-align:center; background:#dd5555; border-radius:3px; color:#f9f9f9; font-size:0.8125em; font-weight:600; transition:background .3s ease, color .3s ease; text-decoration:none; box-shadow:0 0 1px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);}

.btn:hover {background:#e5e5e5; color:#929797;}

.btn.btn-primary {background:#dd5555; color:rgba(255, 255, 255, 0.9);}

.btn.btn-primary:hover, .btn.btn-primary.active {background:#d94040;}

.btn.btn-large {padding:12px 28px;}

.btn.btn-caps {text-transform:uppercase;}

.btn.btn-block {display:block; width:40%; text-align:center;}

textarea {font-family:"Montserrat"; width:97%; border:1px solid #cfcfcf; background:#ebebeb; height:150px; font-size:12px; padding-left:5px; outline:none; border-radius:3px; margin-bottom:7px; margin-left:2px; transition:background .3s ease; resize:none; box-sizing:content-box !important;}

textarea:focus {background:#f0f0f0;}

.checkbox {color:#ccc; text-shadow:1px 1px 1px rgba(255, 255, 255, 0.4); font-size:0.6875em; margin-bottom:7px; display:inline-block;}

.more-link img {display:inline-block; vertical-align:middle; height:15px; width:15px; margin-top:-4px;}

boxart.category-pfu {background:url('img/pfu1.gif') no-repeat; background-size:cover; width:500px; height:150px; display:block; border-radius:5px 5px 0px 0px;}

boxart.category-random {background:url('img/1.gif') no-repeat; background-size:cover; width:500px; height:150px; display:block; border-radius:5px 5px 0px 0px;}

boxart.category-h2basic {background:url('img/2.gif') no-repeat; background-size:cover; width:500px; height:180px; display:block; border-radius:5px 5px 0px 0px;}

boxart.category-dl {background:url('img/3.gif') no-repeat; background-size:cover; width:500px; height:150px; display:block; border-radius:5px 5px 0px 0px;}

comsys {background:url('https://i.imgur.com/sOqXw4A.png') no-repeat; background-size:auto; width:500px; height:150px; display:block; border-radius:5px 5px 0px 0px;}

txt {font-family:"Montserrat"; font-weight:700; font-style:normal; display:block; padding-right:5px; padding-top:5px; font-weight:bolder; text-align:right; color:#fff;}

.box {width:500px; background:#f9f9f9; box-shadow:0 0 1px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1); border-radius:5px; margin-bottom:20px; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);}

.box img {max-height:300px; vertical-align:sub;}

.box h2 {color:#dd5555; font-size:0.875em; margin-left:10px; text-transform:capitalize;}

.details p {font-size:0.75em; color:#7d7d7d; bottom:0; right:0; margin-left:10px; padding: 5px 0px 5px 0px;}

dinner {display:block; width:500px; height:20px; background-color:#dd5555; color:#cccccc;}

dinner ul {padding:0 0 0 10px; margin:0; list-style-type:none;}

.ose-twitch {margin-top:-32px;}

.ose-twitch iframe {border-radius:0px;}

coms {display:block; width:500px; height:20px; font-weight:700; background-color:#dd5555; color:#eee; padding:0 0 0 10px; margin:0; list-style-type:none;}

.coms ol {margin-top:0; list-style:none; padding:0;}

.odd {background-color:#f9f9f9;}

.even {background-color:#E8E8E8;}

crumbs {display:block; width:100%; height:20px; padding-right:4px; font-size:13px; color:#b4b4b4; text-align:right; box-shadow:0 -5px 1px -5px rgba(0,0,0, 0.3);}

crumbs a:link {color:#444444; text-decoration:none;}

crumbs a:visited {color:#7b5e3e; text-decoration:none;}

crumbs a:hover {color:#dd5555; text-decoration:none;}

crumbs img {border-radius:0; vertical-align:middle !important;}

a.more-link:link {color:#444444; text-decoration:none;}

a.more-link:visited {color:#7b5e3e; text-decoration:none;}

a.more-link:hover {color:#dd5555; text-decoration:none;}

a.home:hover {color:#444444 !important; text-decoration:none;}

a.home:visited {color:#7b5e3e !important; text-decoration:none;}

a.home:link {color:#dd5555 !important; text-decoration:none;}

.details p a:link {color:#dd5555 !important; text-decoration:none;}

.details p a:hover {color:#444444 !important; text-decoration:none;}

RM img {border-radius:0; margin-top:-2; height:15px !important; vertical-align:middle !important;}

CM img {height:20px;}

.post-categories {float:left; padding-left:10px;}

tc {display:block; text-decoration:none; font-weight:600; color:#eee; text-shadow:1px 1px 1px rgba(0,0,0,0.1);}

.post-categories a:link:before {content:"\0023";}

.post-categories a:link {text-decoration:none; font-weight:600; color:#eee; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);}

.post-categories a:visited {text-decoration:none; font-weight:600; color:#eee; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);}

.post-categories a:hover {text-decoration:none; font-weight:600; color:#eee; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);}

.comment-edit-link {display:block; width:60px; height:20px; font-weight:700; background-color:#b4b4b4; position:relative; float:right; right:10px; transition:background .3s ease; text-align:center; border-radius:5px; margin-top:10px; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.1); box-shadow:0px 0px 3px rgba(0, 0, 0, 0.1);}

.comment-edit-link:hover {background-color:#ccc;}

.comment-reply-link {display:block; margin:0 auto; width:150px; height:22px; padding-top:2px; text-align:center; background:var(--gund-r); border-radius:3px; color:#f9f9f9; font-size:0.8125em; font-weight:600; transition:background .3s ease, color .3s ease; text-decoration:none; box-shadow:0 0 1px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);}

.comment-reply-link:hover {background:#e5e5e5; color:#929797;}

.comment-reply-link:visited {background:#e5e5e5; color:#d68400;}

.fn a {text-decoration:none;}

avt {display:block; float:left; margin:0; padding:0; width:70px; height:60px;}

.vcard a:link {color:#444444; text-decoration:none;}

.vcard a:visited {color:#7b5e3e; text-decoration:none;}

.vcard a:hover {color:#dd5555;}

.vcard p {margin-left:10px; margin-right:10px;}

name {float:inherit; text-decoration:none;}

ptime {text-decoration:none;}

.comment-meta a:link {color:#444444; text-decoration:none;}

.coms li a:visited {color:#7b5e3e; text-decoration:none;}

.coms li a:hover {color:#dd5555 !important; text-decoration:none !important;}

.comment-respond h3 {margin:0 0 0 10px !important;}

chef {display:block; float:left; padding-left:10px;}

guest {display:block; float:right;}

code a {cursor:pointer; font-family:'Montserrat'; font-weight:500; padding:0px 10px 0px 10px !important; margin-top:20px !important; color:#fff; background-color:#7289da;}


.menu
{
position: absolute;
width: 60px;
height: 450px;
background-color: var(--gund-g);
z-index: 2;
top: 0;
bottom: 0;
left: 10px;
margin: auto;
border-radius: 0.8rem;
transition: 0.3s ease 0.15s;
font-family: sans-serif;
}
.menu.open
{
width: 240px;
}
.menu a 
{
text-decoration: none;
}
.menu .actionbar
{
width: 100%;
height: 10%;
padding: 0.5rem;
overflow: hidden;
margin-top: 5px;
}
.menu .actionbar div 
{
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: space-around;
border-radius: 0.5rem;
transition: 0.3s ease;
}
.menu .actionbar div button
{
background-color: transparent;
outline: none;
border: none;
border-radius: 0.5rem;
color: var(--gund-r);
width: 45px;
height: 45px;
transition: 0.3s ease;
font-size: 1rem;
}
.menu .actionbar div button:hover
{
background-color: var(--gund-r);
cursor: pointer;
}
.menu .actionbar div h3
{
width: calc(100% - 45px);
text-align: center;
}
.menu .optionsBar
{
overflow: hidden;
display: flex;
width: 100%;
height: 60%;
padding: 0 0.5rem;
align-items: center;
flex-direction: column;
}
.menu .optionsBar .menuItem
{
width: 100%;
height: 45px;
margin: 0.3rem;
}
.menu .optionsBar .menuItem .menuOption
{
font-size: 1rem;
outline: none;
border: none;
background-color: transparent;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: space-around;
border-radius: 0.5rem;
transition: 0.3s ease;
}
.menu .optionsBar .menuItem .menuOption:hover
{
background-color: var(--gund-r);
cursor: pointer;
}
.menu .optionsBar .menuItem .menuOption i 
{
width: 45px;
text-align: center;
color: var(--bg-black-100);
}
.menu .optionsBar .menuItem .menuOption h5
{
width: calc(100% - 45px);
}
.menuText
{
color: var(--bg-black-20);
transform: translateX(-250px);
opacity: 0;
transition: transform 0.3s ease 0.1s;
}
.menuText.open2
{
opacity: 1;
transform: translateX(0);
}
.menu .menuBreak
{
width: 100%;
height: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.menu .menuBreak hr
{
width: 50%;
height: 3px;
background-color: var(--gund-ddg);
border: none;
border-radius: 5px;
}
.menu .menuUser
{
width: 100%;
padding: 4.2rem 0 3rem 0;
}
.menu .menuUser a 
{
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
text-decoration: none;
padding: 0.5rem;
position: relative;
}
.menu .menuUser a div 
{
width: 45px;
height: 45px;
position: relative;
border-radius: 0.5rem;
}
.menu .menuUser a div img 
{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0.5rem;
}
.menu .menuUser a .Username
{
width: calc(70% - 45px);
}
.menu .menuUser a p
{
width: calc(30% - 45px);
}
.menu .menuUser a:hover p
{
animation: animArrow 0.3s ease 2;
}
@keyframes animArrow
{
0%
{
transform: translateX(0);
}
50%
{
transform: translateX(5px);
}
100%
{
transform: translateX(0);
}
}
.menu .menuUser .userInfo
{
position: absolute;
width: 10rem;
height: 8rem;
opacity: 0;
color: var(--bg-black-50);
pointer-events: none;
top: 58%;
left: 1.5rem;
transition: 0.3s ease;
transform: scale(0);
transform-origin: bottom left;
}
.menu .menuUser .userInfo div 
{
position: relative;
width: 100%;
height: calc(100% - 20px);
box-shadow: 0px 0px 40px rgba(0,0,0,0.3);
background-color: var(--bg-black-100);
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
border-bottom-right-radius: 1rem;
padding: 1rem;
display: flex;
align-items: center;
justify-content: space-around;
flex-direction: column;
}
.menu .menuUser .userInfo div h1
{
font-size: 4rem;
}
.menu .menuUser .userInfo div::before
{
content: '';
position: absolute;
bottom: -18px;
left: -2px;
width: 0;
height: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-right: 15px solid var(--bg-black-100);
transform: rotate(45deg);
}
.menu .menuUser:hover .userInfo
{
pointer-events: all;
opacity: 1;
transform: scale(1);
}
.menu .themeBar
{
overflow: hidden;
width: 100%;
height: 10%;
padding: 0.5rem;
}
.menu .themeBar div 
{
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: space-around;
border-radius: 0.5rem;
transition: 0.3s ease;
}
.menu .themeBar div button
{
background-color: transparent;
outline: none;
border: none;
border-radius: 0.5rem;
color: var(--bg-black-100);
width: 100%;
height: 45px;
transition: 0.3s ease;
font-size: 1rem;
}
.menu .themeBar div button
{
background-color: rgb(132,0,255);
}
.menu .optionsBar .menuItem .menuOption:hover .menuText,
.menu .optionsBar .menuItem .menuOption:hover i,
.menu .actionbar div button:hover i,
.menu .themeBar div button:hover i
{
color: #fff;
}