body {
    margin:0;
    padding:0;
    background-image:url(images/carpet.jpg);
    font-family: Arial, helvetica, sans-serif;
}
.shadows {
    position:absolute;
    width: 100vw;
    height: 100vh;
    background-image: url(images/shadows.webp);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 25%;
}
.menu  {
    position: absolute;
    top: 25vh;
    left: -40px;
    height: 390;
    width: 180px;
    max-width: 25vw;
    min-width: 120px;
    background-color: rgba(31, 12, 99, 0.774);
    border: 3px solid rgb(220, 0, 0);
    color: rgb(147, 88, 214);
    font-size: 1rem;
    line-height: 2rem;
    border-radius: 0px 12px 12px 0px;
    box-shadow: 5px 5px rgba(17, 5, 31, 0.429);
}
.lightningbox {
    position:absolute;
    top:-25vh;
    left: 110px;
    width: 75vw;
}
.lightning img{
    display:none;
    top:0px;
    width: 75vw;
    max-width: 810px;
}
a:hover .lightning img {display:block; }
a {
    color: rgb(104, 82, 110);
    text-decoration:none;
    font-weight:800;
    text-shadow: 1px 1px rgba(234, 74, 0, 0.932);
}
a:hover{
    color:rgb(221, 255, 0);
}
.menu li {
    font-size: .8em;
    list-style:none;
    border-bottom: dotted 4px rgba(205, 255, 68, 0.687);
    text-shadow: 1px 1px rgba(255, 255, 255, 0.26);
}
.main {
    display: block;
    top: opx;
    width: 100%;
    min-width: 360px;
    max-width: 960px;
}
.footer {
    display:inline-block;
    position: relative;
    max-width: 40%;
    color:rgba(221, 202, 228, 0.913);
    border: 4px solid rgb(223, 0, 0);
    background-color:rgb(0, 84, 24);
    padding: 10px;
    left: 175px;
    border-radius: 10px;
    box-shadow: 5px 5px rgba(17, 5, 31, 0.429);
    margin-bottom: 25px;
}
/* windows xp type boxes*/
.outermost {
    display: inline-block;
    background-color: aqua;
    padding: 0px;
    border: 1px solid rgb(0, 0, 0);
    border-radius: 10px 10px 0px 0px;
}
.outermost2 {
    display: inline-block;
    padding: 0px;
    border: 1px solid rgb(0, 0, 0);
    border-radius: 10px 10px 0px 0px;
}
.outermost3 {
    display: inline-block;
    padding: 0px;
    border: 1px solid rgb(0, 0, 0);
    border-radius: 10px 10px 0px 0px;
}
.titlebar {
    display: flex;
    flex-wrap: nowrap;
    background-image: url("images/windowbar.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-color: brown;
    border-bottom: 2px solid rgba(0, 0, 0, 0.377);
    height:25px;
    width: auto;
   
    border-radius: 10px 10px 0px 0px;
    contain: content;
}
.titletext{
    display: inline-block;
    flex-wrap: nowrap;
    margin: 0px;
    padding: 0px;
}
.buttons {
    display: inline-block;
    position: absolute;
    right: 0px;
    padding: 0px;
    height: 25px;
    width: 60px;
    background-image: url("images/windowbuttons.png");
}
.titlebar p{
    color:bisque;
    margin-top: 2px;
    margin-left: 4px;
    padding: 0px;
}
.windowbox {
    background-color: rgba(137, 43, 226, 0.444);
}
/* suf comments */
.sufcomment {
    display: flex;
    align-items: stretch;
    background-color: rgb(209, 217, 214);
    border-top: 10px solid rgb(180, 191, 187);
    border-bottom: 10px solid rgb(180, 191, 187);
    font-family: Arial, Helvetica, sans-serif;
    font-size: .8rem;
    min-height: 100px;
    margin:0px;
    padding: 0px;
}
.sufwho {
    width: 100px;
    border: 1px solid rgb(174, 174, 174);
}
.sufuser {
    text-align: center;
    font-weight: 700;
    border-bottom: 1px solid rgb(174, 174, 174);
}
.sufwhat {
    display: inline-block;
    width: 100%;
    border: 1px solid rgb(174, 174, 174);
}
.sufsubjectbar{
    font-weight: 700;
    border-bottom: 1px solid rgb(174, 174, 174);
}
.sufsubject {
    display: inline-block;
    width:49%;
}
.sufdate {
    display: inline-block;
    width:50%;
}
.sufcommenttext {
    padding: 10px;
}
.suftxt {
    font-weight: normal;
    font-size: .6rem;
}
/* livejournal comments*/
.ljcomment {
    min-height: 200px;
}
.ljsubjectbar {
    display:flex;
    height: 70px;
    width:100%;
    background-color: rgb(115, 182, 227);
}
.ljicon {
    display: inline-block;
    height: 70px;
    width:70px;
    background-color: purple;
}
.ljuser {
    display: inline-block;
}
.ljusername ul{
    margin-top: 5px;
    margin-left: -5px;
    list-style-image: url(images/ljuser.svg);
    color: rgb(29, 0, 172);
    font-weight: 700;
}
.ljdate{
    margin-top: -15px;
    margin-left:10px;
}
.ljcommentbody{
    display: inline-block;
    background-color:rgb(245, 234, 237);
    width: 100%;
    padding: 10px;
}
.break {
    height:0px;
    width: 100%;
}