body {
background-color: #363636;
opacity:0.9;
background-image:  radial-gradient(#82708f 1.5px, transparent 1.5px), radial-gradient(#82708f 1.5px, #363636 1.5px);
background-size: 20px 20px;
background-position: 0 0,10px 10px;        font-family: ms pgothic;
        color:#d7cfdc;
        font-size: 15px;
        height: 750px;
        overflow: hidden;
}.curtains {
    position: relative;
}
.header {
    height:100px;
    width: 900px;
background-image: linear-gradient(45deg, #363636 25%, #82708f 25%, #82708f 50%, #363636 50%, #363636 75%, #82708f 75%, #82708f 100%);
background-size: 56.57px 56.57px;
    border: black 2px solid;
        box-shadow: #1b1a1a 0px 0px 14px;
        opacity: 100%;
}
@font-face {
    font-family: "anger";
    src: url(fonts/AngerStyles.ttf);
}
.wrapper {
    display: flex;
    align-content: center;
    justify-content: center;
    
}
.column1 {
    height: 700px;
        box-shadow: inset #1b1a1a 0px 0px 10px;
    width: 200px;
    border: black 2px dotted;
    border-left: black 2px solid;
    border-bottom: black 2px solid;
background: linear-gradient(3deg,rgba(54, 54, 54, 1) 0%, rgba(130, 112, 143, 1) 100%);}
.column2 {
    height: 700px;
    width: 500px;
        border: black 2px dotted;
    border-bottom: black 2px solid;
        box-shadow: inset #1b1a1a 0px 0px 10px;
background: linear-gradient(176deg,rgba(54, 54, 54, 1) 0%, rgba(23, 23, 23, 1) 100%);        box-shadow: #1b1a1a 0px 0px 14px;
}
.column3 {
    height: 700px;
    width: 195px;
        border: black 2px dotted;
    border-bottom: black 2px solid;
    border-right: black 2px solid;
background: linear-gradient(3deg,rgba(54, 54, 54, 1) 0%, rgba(130, 112, 143, 1) 100%);
        box-shadow: inset #1b1a1a 0px 0px 10px;
}
.lace {
    position: relative;
    bottom:35px;
}
.lace2 {
    position: relative;
    top: -170px;
    z-index: 2;
}
.heading {
    color:#d7cfdc;
    position: relative;
    bottom: 120px;
    left: 300px;
    font-family: "anger";
font-size: 60px;
text-shadow: 3px 3px 3px #363636;
-webkit-text-stroke: #82708f 5px;
paint-order: stroke fill;
    z-index: 5;
}
.todo {
    height: 150px;
    width: 150px;
    background-image: linear-gradient(45deg, #363636 25%, #5b5b5b 25%, #5b5b5b 50%, #363636 50%, #363636 75%, #5b5b5b 75%, #5b5b5b 100%);
    background-size: 40px 40px;
    border: 20px #c2bcbc solid;
        border-image: url(images/47.png);
    border-image-repeat: repeat;
    border-image-slice: 10%;
    -webkit-background-clip: padding-box;
    padding: 3px;
    overflow: scroll;
    box-shadow:#1b1a1a inset 0 0 6px;
    
}
.left {
    text-align: left;
}
.welcome {
    height:200px;
    width: 350px;
background: linear-gradient(2deg,rgba(130, 112, 143, 1) 0%, rgba(67, 60, 71, 1) 100%);
    border: 40px solid white;
        border-image: url(images/43.png);
    border-image-slice: 15%;
    -webkit-background-clip: padding-box;
    overflow: scroll;
    text-align: justify;
}
.visitors {
    height: 40px;
    width: 120px;
    background-color: #1b1a1a;
    box-shadow: #1b1a1a 0px 0px 14px;
    padding:3px;
    border-radius: 20px;
    filter: sepia(30%) hue-rotate(145deg) grayscale(40%);
}
.hi {
    height: 40px;
    width: 120px;
    background-color: #1b1a1a;
    box-shadow: #1b1a1a 0px 0px 14px;
    padding:3px;
    border-radius: 20px;
    filter:hue-rotate(192deg);
    filter: grayscale(40%);
}
.microblog {
    height:200px;
    width: 350px;
    background-image: linear-gradient(45deg, #363636 25%, #5b5b5b 25%, #5b5b5b 50%, #363636 50%, #363636 75%, #5b5b5b 75%, #5b5b5b 100%);
    background-size: 40px 40px;
    border: 40px solid white;
        border-image: url(images/43.png);
    border-image-slice: 15%;
    -webkit-background-clip: padding-box;
}
.chat {
    height: 180px;
    width: 350px;
        overflow: scroll;

}
.message {
  background: linear-gradient(2deg,rgba(130, 112, 143, 1) 0%, rgba(67, 60, 71, 1) 100%);
border-radius: 10px;
border:#d7cfdc 2px dotted;
margin: 10px;
text-align: justify;
        box-shadow: inset #1b1a1a 0px 0px 10px;

}
.stats {
    height: 150px;
    width: 150px;
background-image: linear-gradient(45deg, #ae9cbb 25%, #82708f 25%, #82708f 50%, #ae9cbb 50%, #ae9cbb 75%, #82708f 75%, #82708f 100%);
    background-size: 40px 40px;
    border: 20px #c2bcbc solid;
        border-image: url(images/54\ -\ Copy.png);
    border-image-repeat: repeat;
    border-image-slice: 9%;
    -webkit-background-clip: padding-box;
    padding: 3px;
    overflow: scroll;
    box-shadow:#1b1a1a inset 0 0 6px;
    color:#1b1a1a;
}
.webmasters {
    filter: grayscale(70%);
}
.button1 {
    width: 190px;
    border: 1px #d7cfdc solid;
        font-family: ms pgothic;
    color: #f1edf4;
    font-size: 15px;
    cursor: pointer;
background: linear-gradient(180deg,rgba(173, 157, 176, 1) 26%, rgba(142, 125, 154, 1) 21%, rgba(130, 112, 143, 1) 49%, rgba(67, 60, 71, 1) 100%);
}
.button2 {
    width: 190px;
    border: 1px #d7cfdc solid;
        font-family: ms pgothic;
    color: #f1edf4;
    font-size: 15px;
        cursor: pointer;
background: linear-gradient(180deg,rgba(117, 114, 120, 1) 21%, rgba(66, 66, 66, 1) 25%, rgba(47, 47, 48, 1) 100%);
}
iframe {
    height: 700px;
    width: 500px;
    border: none;
}
#s-m-t-tooltip {
z-index: 938458935;
background:#1b1a1a;
color:#82708f;
font-size: 10px;
line-height: 140%;
text-align:left;
border:#ae9cbb dotted 2px;
font-family: ms gothic;
letter-spacing: 1px;
text-transform: normal;
max-width: 300px;
word-wrap: normal;
padding: 5px;
display: block;
margin:10px;
-o-transition: all 0.1s ease-out;
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
}
a {
    color: #d7cfdc;
}
a:visited {
      color: #d7cfdc;
}
.updates {
    height: 130px;
    width: 150px;
background-image: linear-gradient(45deg, #ae9cbb 25%, #82708f 25%, #82708f 50%, #ae9cbb 50%, #ae9cbb 75%, #82708f 75%, #82708f 100%);
    background-size: 40px 40px;
    border: 20px #c2bcbc solid;
        border-image: url(images/s512_extra01_25_5.png);
    border-image-repeat: repeat;
    border-image-slice: 9%;
    -webkit-background-clip: padding-box;
    padding: 3px;
    overflow: scroll;
    box-shadow:#1b1a1a inset 0 0 6px;
    color:#1b1a1a;
}
.scroll {
    height: 130px;
    overflow: scroll;
    text-align: justify;
}
:-webkit-scrollbar {
    width: 0px;
    height: 0;
    background: 0;
}
.filter {
    filter: grayscale(60%);
}