body {
background: linear-gradient(176deg,rgba(54, 54, 54, 1) 0%, rgba(23, 23, 23, 1) 100%);        box-shadow: #1b1a1a 0px 0px 14px;      
font-family: ms pgothic;
        color:#d7cfdc;
        font-size: 15px;
}.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: hue-rotate(-425deg) 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%);
}
a {
    color: #d7cfdc;
}
a:visited {
      color: #d7cfdc;
}
.filter {
    filter: grayscale(70%);
}
h3 {
    margin: 0;
}
.pictures {
    height: 200px;
    width: 200px;
    overflow-x: scroll;
    display: flex;
  gap: 10px;
  border: 10px black solid;
  border-image: url(images/54\ -\ Copy.png);
    border-image-repeat: repeat;
    border-image-slice: 9%;
}
.seo {
    border:none;
        filter: grayscale(60%);

}
.aboutcontainer {
    display: flex;
    width: 400px;
}
.about {
    overflow: scroll;
}
h5 {
    margin: 0;
        border: 1px #d7cfdc solid;
        font-family: ms pgothic;
    color: #f1edf4;
    font-size: 18px;
        cursor: pointer;
background: linear-gradient(180deg,rgba(117, 114, 120, 1) 21%, rgba(66, 66, 66, 1) 25%, rgba(47, 47, 48, 1) 100%);
}
h6 {
    margin: 0;
        border: 1px #d7cfdc solid;
        font-family: ms pgothic;
    color: #f1edf4;
    font-size: 18px;
        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%);
}
.scroll {
    height: 90px;
    overflow: scroll;
    border:#d7cfdc 1px solid;
    margin-bottom: 5px;
    background-size: 40px  40px;
    background-image: linear-gradient(45deg, #363636 25%, #594f60 25%, #594f60 50%, #363636 50%, #363636 75%, #594f60 75%, #594f60 100%);
    box-shadow: #1b1a1a 0px 0px 5px inset;
}
.btn {
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%);
border:#d7cfdc 1px solid;
font-family: ms pgothic;
        color:#d7cfdc;
        font-size: 15px;
}
.clique {
    height: auto;
    padding: 2px;
    background-size: 30px 30px;
    background-image: linear-gradient(45deg, #363636 25%, #594f60 25%, #594f60 50%, #363636 50%, #363636 75%, #594f60 75%, #594f60 100%);
    box-shadow: #1b1a1a 0px 0px 5px inset;
border: 10px black solid;
  border-image: url(images/4\(2\).png);
    border-image-repeat: repeat;
    border-image-slice: 9%;
    -webkit-background-clip: padding-box;
        width: 30%;
    margin-bottom: 5px;
}
.clique2 {
    height: auto;
    padding: 2px;
    background-size: 30px 30px;
    background-image: linear-gradient(45deg, #363636 25%, rgb(83, 83, 83) 25%, rgb(83, 83, 83) 50%, #363636 50%, #363636 75%, rgb(83, 83, 83) 75%, rgb(83, 83, 83) 100%);
    box-shadow: #1b1a1a 0px 0px 5px inset;
border: 10px black solid;
  border-image: url(images/4\(2\).png);
    border-image-repeat: repeat;
    border-image-slice: 9%;
    -webkit-background-clip: padding-box;
        width: 30%;
    margin-bottom: 5px;
}