body { background-image: url(https://img.freepik.com/premium-vector/notebook-sheet-background-back-school-vector-background-cage-notebook-sheet_694351-303.jpg)!important;

background-repeat:repeat;}

#xg_body a { color: #fff; 
}

#xg_body a:hover { color: #fcb045;
}

#xg_layout_column_2 { background: #trans;
        font-color: #fcb045;
        font-family: poppins;
        font-size: 12px;
        margin-left: -40px;
        margin-top: 30px;
        width: 1200px;
        height: 500px;
}

::-webkit-scrollbar {
display: none;
}

/****html****/

#code { height: 1500px;}



#container {   background-image: linear-gradient(#fcb045, #8e0606);
 !important; z-index: 1px; width: 660px; height: 50px; left: 185px; top: 50px; border-radius: 0px; position: absolute; filter: grayscale(10%) brightness(100%); background-size: 100%; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; border: 1px #fff solid;  border-bottom: 345px #fff solid;}

#container2 {   background-color: #F8F8F8;!important; z-index: 1px; width: 325px; height: 283px; left: 520px; top: 102px; border-radius: 0px; position: absolute; filter: grayscale(10%) brightness(100%); background-size: 100%; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; border-top: 60px #fff solid; }


#essay { background-color: #fff; z-index: 1px; width: 130px; height: 223px; left: 655px; 90px; top: 162px; border-radius: 0px; position: absolute; border: 1px solid #ddd; text-transform: uppercase; font-family: poppins; padding: 30px; text-align: justify; font-size: 5px; line-height: 14px; letter-spacing: 1px; color: #fcb045;
}

.essay b, strong {color: #8e0606; font-family: poppins; font-size:5px; font-weight: 1200; opacity: 100%; line-height: 14px; letter-spacing: 1px; font-style: italic;}

#png { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/13429941684?profile=original);  !important; z-index: 1px; width: 155px; height: 75px; left: 500px; top: 340px; border-radius: 0px; position: absolute; border-bottom: 0px #fff solid; border-top: 0px #fff solid; border: 0px #fff solid; background-size: cover; filter: contrast(100%) grayscale(10%) brightness(90%); color: #eee; letter-spacing: 1px; font-size: 10px; text-align: center; padding: 10px; 
}

#title { background-color: #trans; !important; z-index: 1px; width: 395px; height: 105px; left: 345px; 90px; top: 120px; border-radius: 0px; position: absolute; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(100%); color: #8e0606; letter-spacing: 1px; font-size:22px; text-align: right; padding: 10px; font-family: noteworthy; text-transform: normal; line-height: 13px; font-weight: 1900; -webkit-text-stroke: 1px #8e0606;}

@font-face { font-family:'buffalo'; src: url(https://static.tumblr.com/v6akjgz/QAXringwi/buffaloinline2grunge.ttf); }

@font-face { font-family:kids school; src: url(https://static.tumblr.com/v6akjgz/7Fyqf9rze/kids_school.otf); }

#refresh { background-color: #8e0606; z-index: 1px; width: 100px; height: 22px; left: 536px; 90px; top: 183px; border-radius: 0px; position: absolute; border: 1px solid #fcb045; text-transform: lowercase; font-family:kids school; padding-top: 6px; text-align: center; font-size: 13px; font-color: #fcb045; letter-spacing: 1px; }

#comment { background-color: #8e0606; z-index: 1px; width: 100px; height: 22px; left: 536px; 90px; top: 223px; border-radius: 0px; position: absolute; border: 1px solid #fcb045; text-transform: lowercase; font-family:kids school; padding-top: 6px; text-align: center; font-size: 13px; font-color: #fcb045; letter-spacing: 1px; }

#forum { background-color: #8e0606; z-index: 1px; width: 100px; height: 22px; left: 536px; 90px; top: 263px; border-radius: 0px; position: absolute; border: 1px solid #fcb045; text-transform: lowercase; font-family:kids school; padding-top: 6px; text-align: center; font-size: 13px; font-color: #fcb045; letter-spacing: 1px; }

#leave { background-color: #8e0606; z-index: 1px; width: 100px; height: 22px; left: 536px; 90px; top: 303px; border-radius: 0px; position: absolute; border: 1px solid #fcb045; text-transform: lowercase; font-family:kids school; padding-top: 6px; text-align: center; font-size: 13px; font-color: #fcb045; letter-spacing: 1px; }

#pfp { background-image: url(https://64.media.tumblr.com/70eeb962e35af976052133200caf238a/c15256b5d3fc42be-c3/s1280x1920/129235d7fed093f28a3b4355a93840b8055be203.jpg);  !important; z-index: 1px; width: 35px; height: 35px; left: 760px; top: 70px; border-radius: 100px; position: absolute; border-bottom: 0px #fff solid; border-top: 0px #fff solid; border: 9px #fff solid; background-size: cover; filter: contrast(100%) grayscale(10%) brightness(100%); color: #eee; letter-spacing: 1px; font-size: 10px; text-align: center; padding: 10px;   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;     animation: pulse2 0.9s ease-out infinite;
}

#remove { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/13427179293?profile=original);  !important; z-index: 1px; width: 160px; height: 235px; left: 730px; top: 192px; border-radius: 0px; position: absolute; border: 0px #555 solid;background-size: cover; filter: contrast(100%) grayscale(10%) brightness(100%); color: #eee; letter-spacing: 1px; font-size: 10px; text-align: center; padding: 10px; }

@keyframes pulse2 {
  50% {
    box-shadow: 0 0 0 0.3em rgba(252, 176, 69, 0.75);
  }
  100% {
    box-shadow: 0 0 0 0.8em rgba(252, 176, 69, 0);
  }

}




#contain {
  position: absolute;
  width: 350px;
  height: 300px;
  margin-left: 190px;
  margin-top: 124px;
  background: transparent;
  overflow: auto;
 
 
}
 
 
.view {
  width: 80px;
  height: 80px;
  top: -10px;
  margin: 10px;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  box-shadow:  0px 1px 1px 0px #trans;
filter: grayscale(0.4) brightness(100%) contrast(110%);
border: 2px #fcb045 double;

}
 
.view .mask,.view .content {
  width: 80px;
  height: 80px;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}
 
.view img {
  top: -5px;
  left: -8px;
  width: 80px!important;
  height: 80px!important;
  display: block;
  position: relative;
border-radius: 0px;
}
 
.view .bio {
  overflow: auto;
  font-family: 'caviar dreams';
  font-size: 6px!important;
  font-style: normal;
  position: relative;
  color: #8e0606!important;
  padding: 0px 10px 10px;
  text-align: center;
  height: 30px!important;
  text-transform: lowercase;
    letter-spacing: 0px;
font-weight: 1000;
 
}
 
@font-face { font-family: caviar dreams; src: url(https://static.tumblr.com/v6akjgz/RCIqf9hvq/caviardreams.ttf); }
 
@font-face { font-family: "underground"; src: url('https://static.tumblr.com/zruguhm/skdmj5yfp/europeunderground_light.ttf'); }	
 
 
 
.view .info {
  margin-top: 10px;
  display: inline-block;
  text-decoration: none;
  padding: 7px;
  color: #fcb045;
font-size: 7px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
 
.view-tenth img {
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -o-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.view-tenth .mask {
  background-color: #ddd;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
 
.view-tenth .bio {
  color: #333;
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.view-tenth .info {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.view-tenth:hover img {
  -webkit-transform: scale(10);
  -moz-transform: scale(10);
  -o-transform: scale(10);
  -ms-transform: scale(10);
  transform: scale(10);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.view-tenth:hover .mask {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
.view-tenth:hover .bio,.view-tenth:hover .info {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
 
@font-face { font-family:'lamora'; src: url(https://static.tumblr.com/v6akjgz/5oxrinkxo/lamora.ttf); }


@font-face {font-family: smf; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/6m4tzkspt7u7hfr/MADE%20Soulmaze%20Filled.ttF);}

@font-face {
  font-family: noteworthy;
  src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/d63hhsagwae41zk/Noteworthy%20Script.otf);
}


@font-face {
  font-family: soulmaze;
  src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/y2v3i4y79zzk3i3ojrzgb/MADE-Soulmaze-Outline-PERSONAL-USE.ttf);
}


@font-face { font-family: 'scorchedearth'; src: url('https://static.tumblr.com/ujahjev/Gxoplsunp/scorchedearthdemo-kcfonts.otf') format('truetype');}

 
@font-face { font-family: "underground"; src: url('https://static.tumblr.com/zruguhm/skdmj5yfp/europeunderground_light.ttf'); }	
 
 

 
@font-face { font-family:'lamora'; src: url(https://static.tumblr.com/v6akjgz/5oxrinkxo/lamora.ttf); }


@font-face {
  font-family: erotique;
  src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/ravoidkg5j8b0fo/ErotiqueTrial-Bold.ttf);
}

@font-face {
  font-family: yonitta;
  src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/m4lasnvh43xf1ft/YonittaSignature.otf);
}

@font-face {
  font-family: Generic;
  src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/n06p7ewj33vmvbh816efc/Generic.ttf?rlkey=5hs7533ecbcp7qmdn4pshe0es&st=v0c38lr0);
}


@font-face {
  font-family: HelveticaNeueLight;
  src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/gdjbejlyhackhfqi044wg/HelveticaNeueLight.otf?rlkey=7d180rxzgvjgqic3oo3nr77lh&st=8thopr6g);
}

@font-face {
  font-family: HelveticaNeueBold;
  src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/73ds2x5evmg8ybsn3a3zv/HelveticaNeueBold.otf?rlkey=49x5kt8kipoqexay7o1za68mr&st=ozj44hia);
}

@font-face {
  font-family: Generic50;
  src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/l51jqgv40r2x569whv03q/Generic-G50-CC-Typic-DEMO.otf?rlkey=1k8993zmreh5z6i61y2uwu8vt&st=t4795wdj);
}

@font-face {
  font-family: Generic;
  src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/n06p7ewj33vmvbh816efc/Generic.ttf?rlkey=5hs7533ecbcp7qmdn4pshe0es&st=v0c38lr0);
}


@font-face {font-family: Hemisphers; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/qyhjl9elunu5go7/Hemisphers%20Bold%20Sans.ttf);}

@font-face { font-family:'dust west college'; src: url(https://static.tumblr.com/v6akjgz/BsIrinhke/dust_west_college.otf); }


@font-face {font-family: roboto; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/i5x37kqbtb40s0b/Roboto-Light.ttf);}


@font-face {font-family: robold; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/qynix3bz0j8ppva/Roboto-BoldCondensed.ttf);}



/****deleted codes****/

h1, h2, h3 {display:none} #xg_head, #xg_foot{display:none} #xg_layout_column_1 {display:none} .xg_module.xg_module_comment_wall {display:none} .xg_span-5 {display:none} ul.nobullets.last-child {display:none} .xg_chat.chatFooter {display:none} li.right {display:none} #xn_bar {display:none} #xn_bar_menu_tabs, #xn_bar_menu_more, p#xn_gyo_link, p#xn_brand{ display:none !important; }

/****fonts****/
@font-face { font-family: shrikhand; src:url('https://dl.dropboxusercontent.com/s/vd0h7y96gdck6yd/Shrikhand-Regular.ttf?dl=0');}

@font-face { font-family: 'poppins'; src: url('https://dl.dropboxusercontent.com/s/c7yh7zqu0j7bvb0/Poppins-Regular.otf'); ;}

@font-face{font-family:"cocogoose";src:url('https://static.tumblr.com/d5muzyw/ESoqs98ai/cocogoose_pro-trial.ttf');